解決 layui table 一個單元格顯示多行數據，以及操作欄樣式錯亂問題

{ "title": "禮品", "width": "200", "templet": function (d) { return getOrderItemInfo(d.orderItemInfo); } },

function getOrderItemInfo(objArry) {
        var strHtml = "<div>";
        $.each(objArry, function (i, ele) {
            strHtml += ele.goodsName + "&nbsp; x" + ele.quantity + "<br/>";
        })
        strHtml += "</div>";
        return strHtml;
    }

效果如下：

 

 

發現操作欄樣式錯亂了，

解決如下 在table.render({})中添加

 ,done: function(res, curr, count){
            $(".layui-table-main tr").each(function (index, val) {
                $($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
                $($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
            })
          }

完美解決

 

 參考鏈接：http://www.zhangfayuan.cn/201912578.htm