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实现合并单元格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。