element-ui 的列表动态拖拽修改列宽和行高
因为需求的不同,需要自己实现element表格拖拽调整列宽和行高,目前已实现,现记录了实现的方式。 实现说明:全部基于原生js,不依赖任何插件,可以直接使用。 实现思路:1.列宽的调整最终是通过调整如上图的col元素的width属性实现列宽调整的。 2.行高的调整是动态改变tbody的 el-table__row 的高度实现调整的。 注意点:本实现是针对当前引入页面的所有表格都有效,如需要只针对某个表格,可以在查找元素的地方传参进行判断。给el-border添加自带的属性border可能对拖拽有点影响。