Web界面開發工具!Kendo UI for jQuery數據管理:多列標題

點擊“瞭解更多”獲取Kendo UI for jQuery R1 2020 SP1試用版下載

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個控件。Kendo UI for jQuery是創建現代Web應用程序的最完整UI庫。

多列標題

Grid的多列標題表示一種樹狀結構,用戶可以通過一個公共標題將一個或多個列組合在一起。

網格提供了一個內置選項,可通過菜單觸發列操作。


<code>


<title>
<link>
<link>
<link>

















/<code>


該公共標頭又可以是另一個上級MultiColumn標頭的子級,它也可以同時覆蓋列和其他標頭。


<code>columns: [
{
title: "Personal Info",
columns: [
{ field: "name" },
{ field: "birthdate" }
]
},
{
title: "Location",
columns: [
{ field: "city" },
{ field: "country" }
]
},
{
field: "phone"
}]/<code>


Web界面開發工具!Kendo UI for jQuery數據管理:多列標題/列菜單


列菜單

Grid提供一個內置選項,可通過菜單觸發列操作。

要啟用列菜單實現,請設置columnMenu = true。 結果,Grid的列標題呈現一個菜單列,該菜單使用戶可以對列進行排序、過濾或更改其可見性。列菜單還會檢測何時通過列定義禁用特定的列操作,並從其呈現中排除了相應的UI。


<code>


<title>
<link>
<link>
<link>


















/<code>




分享到:


相關文章: