Javascript實現合併單元格

2021-06-17 15:53:19 字數 1253 閱讀 6985

web上的報表或**應用,較為複雜的**操作一般都比較難實現,這裡介紹一下用componentone studio for asp.net wijmo中的spreadjs,可以實現一些較為複雜的**操作,個人認為他模仿桌面應用的操作體驗非常不錯,雖然我並不建議所有web應用都去照搬桌面應用的互動,照搬桌面互動其實無助於web應用體驗的創新,但是辦公應用沒辦法,誰叫甲方是老大呢。。。

接下來我們要說的單元格合併,即將一系列的單元格合併成乙個新的跨幾行或幾列的單元格,這個功能在excel中非常常見,在中國式報表中,合併單元格的目的一般是建立行列標題或者進行分類彙總。

我們就以乙個簡單的例子來說明操作步驟,要合併a1,b1,c1來建立乙個叫「monthly sales」的行標題,只需要以下**:

sheet.addspan(0, 0, 1, 3);

sheet.getcell(0, 0).halign($.wijmo.wijspread.horizontalalign.center)

sheet.setvalue(0, 0, "monthly sales");

sheet.setvalue(1, 0, "jan");

sheet.setvalue(1, 1, "feb");

sheet.setvalue(1, 2, "mar");

然後就是下面合併的結果:

當然,也有可能有另外一種需求,也就是想要合併工作表中的列標題或行標題,如下所示:

這個wijmo也是可以實現的,需要使用addspan方法來增加如下sheetarea的引數:

sheet.addspan(0, 0, 1, 3, $.wijmo.wijspread.sheetarea.colheader);
刪除合併單元格也非常簡單,使用removespan方法就可以了:

var spans = sheet.getspans();

for(var i = 0; i < spans.length; i++)

Javascript合併演算法的實現(遞迴 迭代)

使用分治法將需要排序的內容一分為二,二分為四,四分為八 將內容分解到通過最後單獨比較大小的粒度,進行排序,然後將內容八並為四,四並為二,二並為一。1 遞迴實現 function merge left,right return result.concat left concat right funct...

Javascript 物件(object)合併

物件的合併 需求 設有物件 o1 o2,需要得到物件 o3 var o1 o2 則 var o3 方法1 使用jquery的extend方法 方法定義 jquery.extend deep target,object1,objectn 用乙個或多個其他物件來擴充套件乙個物件,返回被擴充套件的物件。如...

單鏈表合併

某公司的面試題。兩個公升序單鏈表a,b,給定乙個節點c。不能申請其他節點情況下將a,b 按公升序排列。include include include struct link 建立鍊錶 nrandom 自由因子 ncount 鍊錶節點數目 link create const int nrandom,c...