layui的table渲染后如何用js调整列宽

发布于 2022-09-12 12:54:18 字数 406 浏览 9 评论 0

1、为什么会有这个问题?

客户提出一个需求,希望刷新页面后,能记住之前调整过的列宽。

2、尝试过的部分

使用mouseup事件,可获取手工调整后的列宽,记录到localstorage。

$(document).on('mouseup','.layui-table-header th',function(e){
    var z=$(this);
    console.log(z.width())//调整后的列宽
});

其它略过..
有一个插件 layui.soulTable,体积太大了,只为一个需求应该没什么必要,还需要改动核心代码。

3、问题希望能得到帮助解决的部分

表格渲染后,使用js代码调整列宽(希望做成通用)部分表头是用的minWidth。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文