Element-plus 表格设置resizable，最小宽不生效

官网描述

问题：表格列可拖拽宽度后，拖的过窄，表头会占很高，字挤成一列，设置min-width不生效

解决方案： 那应该是框架没处理，但是暴露了方法可以自己处理；通过方法里给 column.width 设置超出或小于给设置最小值或最大值

遇到问题：一开始判断条件用了columns.width去判断，出现了拖拽时，拖拽条一直在停不下来， 还以为是这么设置不行， 看到别人也用到了，再去掉它处理就没有问题了。参考链接我放到底部

参考代码

<el-table
   :data="tableData"
   :border="border"
   @header-dragend="handleDragend"
 >
 // ...
el-table>
<script setup lang="ts">
// 拖动表头改变列宽
const handleDragend = (newWidth: number, oldWidth: number, column: any) => {
  // 设置最小宽
  column.width = newWidth < column?.minWidth ? column.minWidth : column.width = newWidth
}
script>

打印 handleDragend 事件的四个参数

• newWidth 最新宽度
• oldWidth 上一次宽度
• column 拖动列的配置数据 有min-width width … 图2
• event 事件对象
  
  
  参考文章:ElementUI Table 拖动列改变宽度事件 （@header-dragend）