columnMenu.columns.groups Array (default: null)

The user defined groups of the columns visibility list.

Example

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name", title: 'Name' },
    { field: "age", title: 'Age' }
  ],
  columnMenu: {
    columns: {
      groups: [
        { title: 'first group', columns: ['Age'] },
        { title: 'second group', columns: ['Name'] }
      ]
    }
  },
  sortable: true,
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ]
});
</script>
In this article
Not finding the help you need? Improve this article