1. 首页
  2. 移动开发
  3. 其他
  4. 实现element表格动态调整列宽和行高的方法

实现element表格动态调整列宽和行高的方法

上传者: 2023-03-11 11:44:57上传 JS文件 5.18KB 热度 12次

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

下载地址
用户评论