使用ComponentOne Wijmo的SpreadJS合并單元格
ComponentOne Studio for Wijmo是一款運用最先進的CSS3、HTML5、jQuery等技術(shù)的工具,可幫助用戶創(chuàng)建最強大的Web應(yīng)用。特別是在表格操作方面,它展現(xiàn)了其強大的能
ComponentOne Studio for Wijmo是一款運用最先進的CSS3、HTML5、jQuery等技術(shù)的工具,可幫助用戶創(chuàng)建最強大的Web應(yīng)用。特別是在表格操作方面,它展現(xiàn)了其強大的能力。在Web上,復(fù)雜的報表或表格應(yīng)用往往很難實現(xiàn),但運用ComponentOne Studio for Wijmo中的SpreadJS,可以實現(xiàn)一些令人難以置信的表格操作,為最終用戶提供類似桌面應(yīng)用的操作體驗。
單元格合并
單元格合并是指將一系列相鄰的單元格合并成一個新的跨行或跨列的單元格。在Excel中,這個功能非常常見,在中國式報表中,合并單元格的目的一般是創(chuàng)建行列標題或進行分類匯總。
下面我們以一個簡單的例子來說明如何實現(xiàn)單元格合并操作。假設(shè)我們要合并A1、B1和C1來創(chuàng)建一個名為“Monthly Sales”的行標題,只需要以下代碼:
(0, 0, 1, 3);
(0, 0, 'Monthly Sales');
運行以上代碼后,得到的合并結(jié)果如下:
Monthly Sales |
---|
當(dāng)然,有時候我們也可能需要合并工作表中的列標題或行標題,例如:
Product | Q1 | Q2 | Q3 | Q4 |
---|---|---|---|---|
A | 10 | 15 | 12 | 20 |
5 | 8 | 6 | 9 |
使用Wijmo,我們同樣可以實現(xiàn)這種需求。只需要使用addSpan方法來增加SheetArea參數(shù)即可:
(0, 0, 2, 1, );
(0, 0, 'Product');
刪除合并單元格也非常簡單,使用removeSpan方法即可:
(0, 0);
總之,ComponentOne Studio for Wijmo中的SpreadJS提供了強大的表格操作能力,使得在Web上開發(fā)復(fù)雜的報表或表格應(yīng)用變得更加輕松和高效。