解決element ui table的show-overflow-tooltip属性，设置其宽度

又是一个好几天的bug，可能是由于elementui版本网上很多方案不通，解决show-overflow-tooltip显示过长的问题

<el-table-column
   width="240"
    prop="workSummary"
    header-align="center"
    align="center"
    label="工作总结"><template #default="scope"><el-tooltip effect="dark" placement="top"><template #content><div class="set-popper">{{scope.row.workSummary}}</div></template><div class="set-content">{{ scope.row.workSummary }}</div></el-tooltip></template></el-table-column><style lang="scss" scoped>.set-popper {
  max-width: 500px;}.set-content {overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}</style>

有问题可以进行交流