Kendo UI的響應(yīng)式HTML5 Grid組件是完全開箱即用的。Kendo UI Grid為開發(fā)者提供了100多種豐富的網(wǎng)格功能，從基本的篩選、排序，到高級(jí)的編頁(yè)、分層數(shù)據(jù)分組等等。毫不夸張的說，Kendo UI Grid是同類產(chǎn)品中數(shù)一數(shù)二的佼佼者。耳聽為虛眼見為實(shí)，下面我為大家整理了它的功能特點(diǎn)及在線Demo，以及示例下載大全，歡迎大家試用體驗(yàn)。

最新活動(dòng)推薦：年中大促|(zhì)在線訂購(gòu)全場(chǎng)7折起！點(diǎn)擊了解詳情>>

支持批量、內(nèi)聯(lián)、彈出菜單和自定義編輯器 【】

當(dāng)Telerik Kendo UI Grid綁定到類似于SqlDataSource, LinqDataSource, EntityDataSource這些DataSource控件時(shí)，或者使用擴(kuò)展API處理CRUD（增、刪、改、查）操作，你就可以啟用自動(dòng)數(shù)據(jù)編輯功能。Grid支持內(nèi)聯(lián)菜單編輯模式、標(biāo)準(zhǔn)菜單模式和彈出菜單模式，還支持批量編輯功能，省時(shí)省力。

插入、更新和刪除 【】

用戶可以創(chuàng)建、更新甚至刪除表格中的數(shù)據(jù)，編輯菜單可以以內(nèi)聯(lián)、表單或彈出菜單的形式展示，確保你的用戶能獲得最佳的用戶體驗(yàn)。你甚至還可以做批量更新。

易于使用

Kendo UI Grid的獨(dú)特之處在于它將易用性做到了極致。它遵循Section 508規(guī)范（考慮到殘障人士的應(yīng)用標(biāo)準(zhǔn)），并附有 WCAG（無障礙網(wǎng)頁(yè)內(nèi)容指引） 指南，確保即使是殘障人士也可以順暢的瀏覽和使用。如果你開發(fā)的應(yīng)用要面向特殊用戶，那Kendo UI Grid將是最適合你的開發(fā)工具。

鍵盤導(dǎo)航 【】

為了讓用戶能更加迅捷的操作表格，Kendo UI Grid提供了鍵盤導(dǎo)航，用戶可以完全不用鼠標(biāo)，全部用鍵盤操作。

部分快捷鍵：

便捷的網(wǎng)格交互 【】

用戶可以對(duì)網(wǎng)格上的列進(jìn)行重新排序或設(shè)置大小，而這些操作是不需要向客戶端發(fā)出任何請(qǐng)求的，保證了用戶操作的流暢性。此外，它提供的上下文菜單還可以輕松隱藏或顯示列。

現(xiàn)成的模板 【】

使用Kendo UI Grid現(xiàn)成的模板功能，可以輕松自定義網(wǎng)格行和列的布局和顯示方式。

分層網(wǎng)格 【】

運(yùn)用Kendo UI Grid可以快速創(chuàng)建分層網(wǎng)格，這些分層既可以由服務(wù)器驅(qū)動(dòng)也可以由HTML5驅(qū)動(dòng)，確保你可以將分層網(wǎng)格應(yīng)用在任何應(yīng)用程序中。

支持本地、遠(yuǎn)程或后端數(shù)據(jù)綁定 【】

Kendo UI Grid開發(fā)的網(wǎng)格可以使用聲明式的數(shù)據(jù)源控件(AccessDataSource, SqlDataSource, LinqDataSource, EntityDataSource, ObjectDataSource, XmlDataSource, OpenAccessDataSource)，或者將網(wǎng)格綁定到自定義的對(duì)象中。無論是本地?cái)?shù)據(jù)，還是遠(yuǎn)程數(shù)據(jù)，還是服務(wù)器端的數(shù)據(jù)，Kendo UI Grid都可以讓你輕松連接。

分頁(yè)、篩選、排序、分組 【】

Kendo UI Grid組件提供豐富的交互功能，只需要設(shè)置幾個(gè)簡(jiǎn)單的屬性，就可以實(shí)現(xiàn)分頁(yè)、排序、篩選甚至分組等功能。

凍結(jié)窗格 【】

當(dāng)表格中有大量數(shù)據(jù)時(shí)，你可以使用凍結(jié)窗格功能鎖定選中的行或列，這樣可以大大提升用戶體驗(yàn)。另外，Grid還會(huì)自動(dòng)提供一個(gè)窗格菜單，用戶隨時(shí)可以選擇對(duì)相應(yīng)的行/列進(jìn)行鎖定或取消鎖定。

Kendo UI Grid示例下載

【】本示例演示如何使用ASMX服務(wù)進(jìn)行遠(yuǎn)程CRUD（創(chuàng)建、讀取、更新、刪除）操作。

【】本示例演示如何使用WCF服務(wù)進(jìn)行遠(yuǎn)程CRUD（創(chuàng)建、讀取、更新、刪除）操作。

【】本示例使用的是C#/MVC 3/Entity Framework，演示了Kendo UI Grid的內(nèi)聯(lián)編輯功能。

【】本示例演示如何將Grid綁定到ASP.NET MVC實(shí)現(xiàn)遠(yuǎn)程CRUD（創(chuàng)建、讀取、更新、刪除）操作。

【】本示例演示如何使用部署選項(xiàng)更改Grid控件的文本。

【】本示例演示如何將當(dāng)前的Grid狀態(tài)保存為cookie，然后在下一次打開時(shí)可以立即啟動(dòng)。

【】本示例演示如何將Grid綁定到Web實(shí)現(xiàn)遠(yuǎn)程CRUD（創(chuàng)建、讀取、更新、刪除）操作。

【】本示例演示如何將Grid綁定到MVVM實(shí)現(xiàn)遠(yuǎn)程CRUD（創(chuàng)建、讀取、更新、刪除）操作。

【】本示例演示如何保存單元格編輯和客戶端操作中的異常情況。

【】本示例演示如何使用復(fù)選框選擇網(wǎng)格行，如何保存頁(yè)面間的選項(xiàng)，如何從所有頁(yè)面中獲取選中項(xiàng)的ID。

【】本示例演示如何在選中某條記錄之后創(chuàng)建自定義編輯域去編輯這條記錄。

【】本示例演示如何在Kendo UI Grid中部署層疊下拉編輯器。

【】本示例演示如何利用本地存儲(chǔ)功能創(chuàng)建一個(gè)應(yīng)用程序作為KendoUI Grid數(shù)據(jù)庫(kù)。