ie11下layui.table列宽失效需强制设置table-layout:fixed并为col标签设width像素值，minwidth无效，百分比不可靠，动态resize后需手动恢复col宽度。

ie 下 layui.table 列宽不生效的典型表现

表格列宽在 Chrome、Firefox 正常，但在 IE11（尤其是企业内网常见）里所有列挤成一团，width 配置完全被忽略，甚至加了 minWidth 也没用。这不是 layui 版本 bug，而是 IE 对 table-layout: auto 的解析逻辑和现代浏览器根本不同。

必须手动触发 table-layout: fixed 并锁定表头宽度

Layui 默认没强制设置表格布局方式，IE 在 auto 模式下会无视列宽声明，优先按内容撑开。得在渲染后立即干预 DOM：

• 用 done 回调，在表格渲染完成后的第一时间操作：

  table.render({
    elem: '#demo',
    url: '/api/list',
    cols: [[
      {field: 'id', title: 'ID', width: 80},
      {field: 'name', title: '姓名', width: 120}
    ]],
    done: function(res, curr, count){
      // 强制设为 fixed 布局
      var $table = $(this.elem).next('.layui-table-box').find('table');
      $table.css('table-layout', 'fixed');
      // 再给每一列 <col> 标签设 width（IE 只认这个）
      $table.find('colgroup col').each(function(i, col){
        var width = $(this).data('width') || 100;
        $(col).css('width', width + 'px');
      });
    }
  });

• 注意：不能只靠 CSS 类或初始化前加样式，IE 必须等 colgroup 渲染出来再设 width，否则无效
• 如果用了 skin: 'line' 或 'row'，要额外给 .layui-table td 加 overflow: hidden; text-overflow: ellipsis;，否则文字溢出破坏列宽

width 和 minWidth 在 IE 中的实际效果差异

width 是 IE 唯一能稳定识别的列宽控制项；minWidth 在 IE 下基本不生效，且可能干扰 col 的宽度计算：

小红书长文-谷歌浏览器

在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。

下载

• 始终优先填 width，哪怕只是估算值（如 100、150），不要留空或设为 0
• 避免混用 width 和 minWidth，IE 会丢弃整列的宽度逻辑
• 百分比宽度（如 width: '30%'）在 IE 下不可靠，一律用像素值
• 如果某列内容极长（如 URL），需配合 templet 截断：

  {field: 'url', title: '链接', width: 200, templet: '<div title="{{d.url}}">{{layui.util.escape(d.url.substring(0,30))}}...</div>'}

兼容性补丁：IE 下动态 resize 表格时列宽丢失

用户拖拽调整列宽后，IE 容易把 col 的内联 width 清掉，导致后续排序、重载数据后列宽恢复默认。临时解法是监听 resize 事件并重写：

• 在 done 里保存初始列宽：

  var initColWidths = [];
  $table.find('colgroup col').each(function(i, col){
    initColWidths[i] = $(col).width() || 100;
  });

• 在 resize 后（比如用 layui.table.resize 或自定义按钮）重新应用：

  $table.find('colgroup col').each(function(i, col){
    $(col).css('width', initColWidths[i] + 'px');
  });

• 别依赖 layui.table.resize() 自动恢复——它在 IE 下不处理 col 标签

IE 对表格宽度的控制非常“固执”，它只信 col 标签的 width 属性和 table-layout: fixed 这两个东西，其他全是辅助。漏掉任意一个，列宽就大概率塌陷。