layui table操作项固定时内容行高撑开造成好高不一样的解决方法_前端技术_我的小家_八零在线_符号象

Layui 表格在固定列（特别是 fixed: 'right' 的操作列）中，行高不一致的问题。这种现象通常出现在：

某些单元格内容较多，导致行高被撑开；
固定列（右侧操作列）没有同步主表格的行高，导致错位或高度不一致。

✅ 问题本质

Layui 的固定列实现方式是克隆一份表格 DOM，然后通过定位覆盖在原表格上。
但由于内容不同步，主表格行高变化时，固定列不会自动同步更新，从而导致错位。
解决方法就是在 done 回调里手动把主表行高抄过去

table.render({
  elem: '#demo',
  url: '/api/data',
  cols: [[
    {field:'title', title: '标题'},
    {field:'content', title: '内容', width:300},
    {fixed:'right', toolbar:'#bar', title:'操作', width:150}
  ]],
  done: function(){
    // 同步固定列高度
// 把主表每一行的行高抄给右侧固定列
var $main  = $('.layui-table-main tr');      // 主表行
var $fixed = $('.layui-table-fixed-r .layui-table-body tr');  // 右侧固定列表行
$main.each(function(i){
    $fixed.eq(i).outerHeight($(this).outerHeight());
});
  }
});