实现element表格动态调整列宽和行高的方法
为了满足不同的需求,我们需要实现对element表格进行动态的调整列宽和行高的功能。本实现基于原生js,不依赖任何插件,可以直接使用。具体实现思路如下:1.列宽调整是通过调整col元素的width属性实现的。2.行高调整是通过动态改变tbody的el-table-row的高度来实现的。需要注意的是,本实现是针对引入页面的所有表格都有效,如果需要只针对某个表格,可以在查找元素的地方传入参数进行判断。此外,我们还需要注意给el border添加自带的属性border可能会对拖拽产生影响。希望这个方法能够帮助到你。
下载地址
用户评论