写了一个用于自动保存el-table列宽的小工具。
下载安装:
npm i el-table-columns-controller
引入此包后,将提供两个方法:
-
表头拖拽事件的回调方法:
方法名:_headerDragend
说明:此方法提供了列宽自动保存的功能。
使用示例:<el-table border @header-dragend="_headerDragend"> </el-table> -
表格列宽重置方法:
方法名:_clearTableWidthDB
说明:此方法将会清空当前页面保存的列宽数据,可用于重置当前列表宽度。请根据需要在合适的位置自行创建按钮调用该方法。
代码没有压缩,可以直接下载下来后打开index.js查看。 学艺不精,希望看到这里的大佬们不吝赐教。