EasyUi單元格合併

2022-04-29 00:57:06 字數 1463 閱讀 7902

$("

#dg").datagrid("

mergecells

", )

首先來熟悉下這個合併單元格的方法吧,該方法主要有以下幾個引數:index,field,rowspan,colspan

index:合併開始的索引;field:需要合併的字段;rowspan:需要合併的行數

當datagrid載入成功後,可以寫在onloadsucces方法中進行合併

*需要注意的是後台返回的資料是需要排序的,不然是沒法知道index和rowspan的。手動計算的話代價大,事倍工半得不償失

封裝乙個可以合併單元格的方法

function mergecells(dg, field) `];

var rowindex = 0; rowspan = 0; //

行索引,合併行數預設為0

var qty = 0;//

數量for (var i = 0; i < rows.length; i++) `])

else

});//變更時,則需要去合併單元格了

$(dg).datagrid("

mergecells

", );

//根據自己的需要按倉庫計算商品的數量

$(dg).datagrid("

mergecells

", );

//重置初始值,自己也算一行所以此時rowspan從1開始

rowindex = i; rowspan = 1; qty = rows[i].qty;fieldvalue =rows[i][`$`];}}

//沒有剩餘分組的情況,就直接合併了

if (rowspan > 0

) });

$(dg).datagrid(

"mergecells

", );

//根據自己的需要按倉庫計算商品的數量

$(dg).datagrid("

mergecells

", );}}

onloadsuccess呼叫

$("

#dg"

).datagrid(,,,

,]],

onloadsuccess: function (data)

$("#dg

").datagrid("

", );

var lastrowindex = $("

#dg").datagrid("

getrows

").length - 1

; $(

"#dg

").datagrid("

mergecells

", );}})

顯示效果

合併單元格

青年 老大,最近在 中合併單元格,總是不明就裡,好像是合併對了,有時也是蒙的,您能不能就此指條明路?禪師 這個問題很簡單,合併單元格分為跨行合併和跨列合併,這是標籤的rowspan和colspan屬性問題,已知3x3 禪師 首先說說跨行合併rowspan,由於我們書寫 的習慣是標籤包裹便簽,因此書寫...

單元格合併??

單元格合併著實讓人為難!使用的dev 的gridcontrol控制項,實現資料繫結很方便,但是在網上查怎麼都沒有找到如何實現單元格的合併。所以只好作罷。然後計畫採用flexcell,但是是付費的。使用了一下和excel差類似,實現的樣式也很豐富。可以滿足報表顯示的要求,但是要是能自己使用datagr...

單元格跨行合併,單元格跨列合併

protected voidgridview1 onrowcreated object sender,gridviewroweventargs e if e.row.rowtype datacontrolrowtype.datarow region 合併單元格 合併某一列中的某些行 合併單元格 合併...