前言：

當我們在使用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;}

?

轉載于:https://www.cnblogs.com/Kingram/p/10514987.html

總結

以上是生活随笔為你收集整理的Layui表格之多列合并展示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。