string(21) "{"docs":[],"count":0}" array(2) { ["docs"]=> array(0) { } ["count"]=> int(0) } Layui表格-复杂表头 - 爱码网

很多人都不会复杂表头设置,复杂表头
这个功能非常实用,可以让用户更清楚地理解
表格里的数据信息;
Layui表格复杂表头:常用的两极表头
Layui表格-复杂表头

和通常表格不一样的是加多两个属性:

联系人 员工信息 rowspan="2"这个属性代表的是联系人这个表头占用了两行表格, colspan="3"这个属性代表的是员工信息这是一个大表头,在员工信息 下面还有3个小表头;

加上这两个属性即可,下面是效果图:
Layui表格-复杂表头

实际效果如上图所示,联系人这个表头占用了两行表格,
员工信息这是一个大表头,在员工信息下面还有3个小表头;

相关文章: