dhtmlxSpreadsheet是用純JavaScript編寫的開源電子表格小部件，可讓您快速在網頁上添加類似于Excel的可編輯數據表。高度可定制的JavaScript電子表格組件，具有優雅的Material樣式，可安全、方便地編輯和格式化數據。

點擊下載dhtmlxSpreadsheet

DHTMLX JavaScript電子表格庫的春季發布帶來了Web應用程序中的數據分析和報告必不可少的新功能。此更新使您可以創建和使用多個工作表以及它們之間的交叉引用。v4.1中提供了新的方法，配置選項和事件，可以輕松地微調DHTMLX電子表格并將其合并到任何Web應用程序中。

處理多個工作表

從v4.1開始，用戶可以根據需要創建和管理盡可能多的工作表。可以添加，重命名和刪除工作表，在工作表之間進行切換并受益于交叉引用。交叉引用使您可以合并來自不同工作表的數據，并在整個電子表格中應用引用單元格的公式。

由于有了新的上下文菜單，處理幾張紙既簡單又直觀。如果右鍵單擊任何工作表選項卡，您將看到帶有可用選項的菜單。因此，您可以快速刪除并重命名工作表。

通過API管理工作表

在DHTMLX Spreadsheet中設置多個工作表非常容易。默認情況下，multiSheets配置屬性設置為true。如果要禁用它，只需將其值指定為false即可。

var spreadsheet = new dhx.Spreadsheet(document.body, {          
    multiSheets: false
});

var styledData = {
    styles: {
        someclass: {
            background: "#F2F2F2",
            color: "#F57C00"
        }
    },
    sheets : [
        // create sheets with custom configurations (names and ids)
        { 
            name: "sheet 1", 
            id: "sheet_1", 
            data: [
                { cell: "a1", value: "Country" },
                { cell: "b1", value: "Product" },
            ]
        }, 
        { 
            name: "sheet 2", 
            id: "sheet_2", 
            data: [
                { cell: "a1", value: "Country" },
                { cell: "b1", value: "Product" },
            ]
        },
        // create a sheet with the default configuration
        { 
            data: [
                { cell: "a1", value: "Country" },
                { cell: "b1", value: "Product" },
            ]
        } 
    ]
};
 
spreadsheet.parse(styledData);

請注意，只有啟用了multiSheets配置選項，才可以使用這些方法來管理多張圖紙。

聆聽用戶操作

v4.1中引入的新事件可確保DHTMLX電子表格的交互性，從而增強了用戶體驗。它們允許跟蹤諸如添加和刪除工作表，重命名工作表以及在工作表之間切換之類的用戶操作。在執行某個動作之前和之后，都有一個單獨的事件觸發。

其他更新
v4.1中提供的另一個新功能是可以通過getFormula方法獲取單元格公式的功能。此方法可以從活動工作表以及指定為參數的任何工作表以及單元格的ID返回公式：

var formula = spreadsheet.formula("sheet1!B2");

還更新了用于獲取和設置單元格值，樣式和格式，鎖定和解鎖單元格以及檢查其狀態的現有方法。從現在開始，您可以通過在單元格ID之前將所需工作表的名稱添加到方法的參數作為單元格參數，來將這些方法中的任何一種應用于特定工作表中的單元格。

我們邀請您在30天的試用期內免費測試新的DHTMLX Spreadsheet v4.1。

同時，我們期待您的反饋。請隨時在下面的討論中留下您的評論，或通過電子郵件將您的問題發送給我們的技術支持團隊。

APS幫助提升企業生產效率，真正實現生產計劃可視化呈現與控制,快速有效響應不同場景的生產計劃，提高準時交貨能力，提高產能和資源利用率