Kendo UI是帶有jQuery、Angular、React和Vue庫的JavaScript UI組件的最終集合，無論選擇哪種JavaScript框架，都可以快速構建高性能響應式Web應用程序。通過可自定義的UI組件，Kendo UI可以創建數據豐富的桌面、平板和移動Web應用程序。通過響應式的布局、強大的數據綁定、跨瀏覽器兼容性和即時使用的主題，Kendo UI將開發時間加快了50%。

Kendo UI for jQuery最新版工具下載

Spreadsheet控件允許您使用單元格格式選項、樣式和主題來編輯和可視化表格數據。

Spreadsheet支持Internet Explorer 9 和更高版本，該小部件主要針對桌面用戶，因此其在移動設備上的性能和功能受到限制。

初始化Spreadsheet

要初始化電子表格，請使用空的 <div> 元素。

<div id="spreadsheet">
</div>

<script>
$("#spreadsheet").kendoSpreadsheet();
</script>

基本配置

Spreadsheet 實例公開了用于工作表實例檢索、插入和刪除的方法。

• 一個常用的方法是 activeSheet 方法。
• 工作表對象實例界面使您能夠在工作表級別配置設置和數據。
• 您可以使用 range 方法檢索可用于操作工作表的一個或多個單元格區域的范圍實例。 要檢索范圍方法，請使用帶有 A1 或 RC 符號的字符串。

下面的示例演示如何設置單元格區域的值。

<div id="spreadsheet"></div>

<script type="text/javascript" charset="utf-8">

$("#spreadsheet").kendoSpreadsheet();

var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet"); // The widget instance.

var sheet = spreadsheet.activeSheet(); // The current active sheet.

var range = sheet.range("A1:B2"); // A 2x2 cell range.

range.value("foo").color("green");
</script>

在接下來的系列文章中我們將逐一介紹以下功能：圖像、注釋、單元格格式、自定義編輯器、自定義功能、數據的導出和導入等。