layui table 复杂表头,数据错行显示的问题

提问 未结 3 91
yuanfeng
yuanfeng 4天前
悬赏:20飞吻
版本:layui 2.5.5 浏览器:Chrome
表头有横向合并的操作,合并后数据绑定后,展示有错行的问题。代码如下:
table.render({
elem: '#test2'
,url:'/caseInfo/getPhoneConn'
,cols: [[
{align: 'center',title: '借款人',colspan: 2}
,{align: 'center',title: '关联项'}
,{align: 'center',title: '数据库',colspan: 4}
],[
{field:'type',title: '类别'},
{field:'name',title: '姓名'},
{field:'phone',title: '手机号'},
{field:'conn_name',title: '姓名'},
{field:'conn_type',title: '类别'},
{field:'conn_per',title: '涉及个人'},
{title: '操作',toolbar : '#barDemo'}
]]
});
展示效果如下:

查看页面元素,table中多了一行,如下:

回帖
  • layui对单列合并的情况支持不太好,简单的处理的话,可以给特定的列,比如你这个表格中的“关联项”这个列的配置加上colGroup: true
    0 回复
  • @岁月小偷 恩,可以解决这个问题[good]
    0 回复
  • 三小
    2天前
    @岁月小偷 大哥 问一下 为什么我的 iframeWin.layui.form.render();报错啊。。。我在子页面 想刷新 radio 不行啊。。。
    0 回复