Layui表格之多列合並展示

前言：

當我們在使用Layui的時候，有時表格中的列比較多，展示出來肯定是有問題的，這樣就不得不舍棄一些列不展示，不展示是一種解決方案，但是更好的解決方案應該是合並展示。

這里的展示不是合並單元格，合並單元格方法請參考：https://www.cnblogs.com/Kingram/p/9781682.html

實現效果：

實現代碼參考：

{
　　title : '業務信息',
　　width : '15%',
　　templet : function(d) {
　　　　return '業務名稱：<span style="color:blue;">'+d.businessName+'</span></br>業務編號：<span style="color:blue;">'+d.businessNumber + '</span></br>業務類型：<span style="color:blue;">'+d.typeName+'</span>';
　　}
}

{
　　title : '創建/派發/竣工時間',
　　width : '15%',
　　templet : function(d) {
　　　　return '創建時間：<span style="color:blue;">'+d.createTime+'</span></br>派發時間：<span style="color:blue;">'+d.sendTime+'</span></br>竣工時間：<span style="color:blue;">'+d.finishTime+'</span>';
　　}
}

注意：

另外需要加上CSS代碼改變表格行高，否則還是不顯示，代碼如下：

.layui-table-cell{
　　height: 100%;
　　max-width: 100%;
　　line-height:1.2;
 }