动态获取 layui table 列宽
时间: 2023-10-23 22:10:00 浏览: 137
可以通过遍历表格列的 DOM 元素获取每列的宽度,然后将它们存储在一个数组中。以下是一个示例代码:
```javascript
var colWidths = []; // 存储列宽的数组
layui.use('table', function(){
var table = layui.table;
table.render({
// ... 表格的配置项 ...
done: function(res, curr, count) {
// 表格渲染完成后执行的回调函数
var $table = $('.layui-table-box .layui-table-header table');
$table.find('colgroup col').each(function(index) {
colWidths[index] = $(this).width(); // 存储每列的宽度
});
}
});
});
```
在上述代码中,我们使用 `done` 回调函数来获取表格渲染完成后的 DOM 元素,然后遍历每列的 `col` 元素,获取它们的宽度并存储在数组中。这样,我们就可以动态获取 layui table 的列宽了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)