layui-table 实现合计行

要在layui-table中实现合计行，可以按照以下步骤进行操作：

1. 在HTML中创建一个空的table元素，如下所示：

<table id="dynamicTable" lay-filter="dynamicTable"></table>

2. 在JavaScript中，使用layui的table模块初始化表格，并设置表头数据和数据：

layui.use('table', function(){
  var table = layui.table;
  
  // 设置表头数据
  var cols = [
    {field: 'id', title: 'ID'},
    {field: 'name', title: '姓名'},
    {field: 'age', title: '年龄'}
    // 添加更多字段...
  ];
  
  // 设置数据
  var data = [
    {id: 1, name: '张三', age: 20},
    {id: 2, name: '李四', age: 25},
    {id: 3, name: '王五', age: 30}
    // 添加更多数据...
  ];
  
  // 渲染表格
  table.render({
    elem: '#dynamicTable',
    cols: [cols],
    data: data
  });
});

3. 添加合计行的处理逻辑：

layui.use('table', function(){
  var table = layui.table;
  
  // 设置表头数据
  var cols = [
    {field: 'id', title: 'ID'},
    {field: 'name', title: '姓名'},
    {field: 'age', title: '年龄'}
    // 添加更多字段...
  ];
  
  // 设置数据
  var data = [
    {id: 1, name: '张三', age: 20},
    {id: 2, name: '李四', age: 25},
    {id: 3, name: '王五', age: 30}
    // 添加更多数据...
  ];
  
  // 渲染表格
  table.render({
    elem: '#dynamicTable',
    cols: [cols],
    data: data,
    done: function(res, curr, count){
      // 计算合计数据
      var totalAge = 0;
      for(var i = 0; i < res.data.length; i++){
        totalAge += res.data[i].age;
      }
      
      // 创建合计行的HTML
      var totalHtml = '<tr><td colspan="' + cols.length + '">合计：年龄总和为' + totalAge + '</td></tr>';
      
      // 添加合计行
      $('#dynamicTable').next('.layui-table-view').find('tbody').append(totalHtml);
    }
  });
});

通过以上步骤，你可以在layui-table中实现合计行。在`done`回调函数中，可以计算需要合计的数据，并创建合计行的HTML，然后将其添加到表格中。注意要根据实际情况调整合计行的内容和样式。