Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個(gè)控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的完整UI庫(kù)。

 

多列標(biāo)題

Grid的多列標(biāo)題表示一種樹狀結(jié)構(gòu)，用戶可以通過(guò)一個(gè)公共標(biāo)題將一個(gè)或多個(gè)列組合在一起。

網(wǎng)格提供了一個(gè)內(nèi)置選項(xiàng)，可通過(guò)菜單觸發(fā)列操作。

 

 

 

 

 

 

 

 

 

該公共標(biāo)頭又可以是另一個(gè)上級(jí)MultiColumn標(biāo)頭的子級(jí)，它也可以同時(shí)覆蓋列和其他標(biāo)頭。

columns: [
{
title: “Personal Info”,
columns: [
{ field: “name” },
{ field: “birthdate” }
]
},
{
title: “Location”,
columns: [
{ field: “city” },
{ field: “country” }
]
},
{
field: “phone”
}]

 

列菜單

Grid提供一個(gè)內(nèi)置選項(xiàng)，可通過(guò)菜單觸發(fā)列操作。

要啟用列菜單實(shí)現(xiàn)，請(qǐng)?jiān)O(shè)置columnMenu = true。 結(jié)果，Grid的列標(biāo)題呈現(xiàn)一個(gè)菜單列，該菜單使用戶可以對(duì)列進(jìn)行排序、過(guò)濾或更改其可見性。列菜單還會(huì)檢測(cè)何時(shí)通過(guò)列定義禁用特定的列操作，并從其呈現(xiàn)中排除了相應(yīng)的UI。