element-ui之el-table一级表头固定,二级表头动态生成,拖动存在的bug

662 阅读1分钟

element-ui之el-table一级表头是固定列,二级表头动态渲染,一级表头的宽度随二级表头动态变化; 当拖动固定列二级表头减少宽度时,出现文字不显示问题

hideText.png

解决办法如下: el-table中的拖动事件header-dragend,通过参数newWidth, oldWidth,计算出表格拖动的宽度,用当前固定列宽度减去拖动的宽度,重新赋值,重新设置el-table__fixed这个dom的宽度,代码如下:

14.png