layui.table多表头配置

在 layui 中，可以通过 `cols` 参数来设置表格的列配置，包括表头和数据列的配置。在 `cols` 中，可以通过嵌套对象来实现多级表头的配置。

下面是一个示例代码：

layui.use(['table'], function(){
  var table = layui.table;
  
  table.render({
    elem: '#test',
    cols: [
      [
        {field: 'id', rowspan: 2, title: 'ID'},
        {field: 'username', rowspan: 2, title: '用户名'},
        {field: 'sex', rowspan: 2, title: '性别'},
        {title: '联系方式', colspan: 2},
        {title: '其它信息', colspan: 3}
      ],
      [
        {field: 'email', title: '邮箱'},
        {field: 'phone', title: '手机'},
        {field: 'address', title: '地址'},
        {field: 'ip', title: 'IP'},
        {field: 'remark', title: '备注'}
      ]
    ],
    data: [
      {id: 1, username: '张三', sex: '男', email: 'zhangsan@qq.com', phone: '13812345678', address: '北京市', ip: '192.168.1.1', remark: '无'},
      {id: 2, username: '李四', sex: '女', email: 'lisi@qq.com', phone: '13987654321', address: '上海市', ip: '192.168.1.2', remark: '无'}
    ]
  });
});

在上面的代码中，通过 `cols` 参数设置了一个多级表头，包括两行表头和五列数据列。其中，第一行表头包括了三个单元格和两个多列单元格，第二行表头包括了五个单元格。

在单元格的配置中，可以通过 `rowspan` 和 `colspan` 属性来设置单元格所占的行数和列数。如果一个单元格同时设置了 `rowspan` 和 `colspan`，则它将会占据多行多列。

除了多级表头之外，还可以通过 `fixed` 属性来设置固定列和固定表头。具体的用法可以参考 layui 的官方文档。