columnMenu.columns.groups.columns Array (default: null)

The titles of the columns that are part of the group. In case some column does not have a specified title, you can use the field instead. Columns that don't have specified either a title or a field, are not displayed in the column menu.


<div id="grid"></div>
  columns: [
    { field: "name", title: 'Name' },
    { field: "age" }
  columnMenu: {
    columns: {
      groups: [
        { title: 'first group', columns: ['age'] }, // field is used instead of title, as the age column does not have a specified title
        { title: 'second group', columns: ['Name'] }
  sortable: true,
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
In this article