Kendo UI for jQuery数据管理使用教程：多列标题/列菜单等

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的多列标题表示一种树状结构，用户可以通过一个公共标题将一个或多个列组合在一起。

网格提供了一个内置选项，可通过菜单触发列操作。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

该公共标头又可以是另一个上级MultiColumn标头的子级，它也可以同时覆盖列和其他标头。

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

 

列菜单

Grid提供一个内置选项，可通过菜单触发列操作。

要启用列菜单实现，请设置columnMenu = true。 结果，Grid的列标题呈现一个菜单列，该菜单使用户可以对列进行排序、过滤或更改其可见性。列菜单还会检测何时通过列定义禁用特定的列操作，并从其呈现中排除了相应的UI。