Javascript实现合并单元格
生活随笔
收集整理的這篇文章主要介紹了
Javascript实现合并单元格
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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++) {sheet.removeSpan(spans.row,spans.col); }?
轉載于:https://www.cnblogs.com/uncleshu/p/3222799.html
總結
以上是生活随笔為你收集整理的Javascript实现合并单元格的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C++ Primer 有感(重载操作符)
- 下一篇: java hostwrite_Java