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

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。

阅读 2.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题