Layui.數據表格.合並單元格(rowspan)


Layui合並只能在數據加載完成后,寫在done里面

具體如下

 1                         //重新加載數據表格
 2                         table.reload('tbOrderInfo', {
 3                             data: data.data,
 4                             done: function (res, curr, count) {
 5                                 res = data;
 6 
 7                                 //合並判斷標志位
 8                                 var rowOrderCd = '';
 9                                 var rowSupplierCd = '';
10 
11                                 //行集合
12                                 var trArr = $(".layui-table-body>.layui-table").find("tr");
13 
14                                 //待合並數組
15                                 var rowArr = new Array(10)
16                                 rowArr[0] = 2;//HIS作番
17                                 rowArr[1] = 3;//支號
18                                 rowArr[2] = 4;//供應商編碼
19                                 rowArr[3] = 5;//供應商名稱
20                                 rowArr[4] = 6;//HIS項目編碼
21                                 rowArr[5] = 7;//HIS項目品名
22                                 rowArr[6] = 8;//訂單數量
23                                 rowArr[7] = 11;//訂單殘
24                                 rowArr[8] = 12;//單位
25                                 rowArr[9] = 13;//交期
26 
27                                 //循環數據部分
28                                 $(res.data).each(function (i, o) {
29                                     //合並行數
30                                     var rowspan = parseInt(o.ROW_SPAN);//后台計算的分組
31 
32                                     //合並行判斷
33                                     if (rowOrderCd == o.ORDER_CD && rowSupplierCd == o.SUPPLIER_CD) {
34                                         //去除元素
35                                         //必須逆序,正序刪除后造成列序變動
36                                         for (var j = 10; j > 0; j--) {
37                                             trArr.eq(i).find("td").eq(rowArr[j - 1]).remove();
38                                         }
39                                     }
40                                     else {
41                                         //需要合並行
42                                         for (var j = 0; j < 10; j++) {
43                                             trArr.eq(i).find("td").eq(rowArr[j]).attr("rowspan", rowspan);
44                                         }
45                                     }
46 
47                                     //合並判斷標志位
48                                     rowOrderCd = o.ORDER_CD;
49                                     rowSupplierCd = o.SUPPLIER_CD;
50                                 });
51                             }
52                         });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM