New to Kendo UI for jQuery? Start a free 30-day trial

ColumnMenu.messages

configuration

The text messages that is played in the column menu. Use it to customize or localize the column menu messages.

columnMenu.messages

Object

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    filterable: true,
    columnMenu: {
      messages: {
        columns: "Choose columns",
        filter: "Apply filter",
        sortAscending: "Sort (asc)",
        sortDescending: "Sort (desc)"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.columns

String

The text message that is displayed for the column selection menu item.

Default: "Columns"

<div id="treeList"></div>
<script>
    $("#treeList").kendoTreeList({
        columns: [
            { field: "name" },
            { field: "age" }
        ],
        columnMenu: {
            messages: {
              columns: "Choose columns"
            }
        },
        dataSource: {
            data: [
                { id: 1, parentId: null, name: "Jane Doe", age: 22 },
                { id: 2, parentId: 1, name: "John Doe", age: 24 }
            ]
        }
    });
</script>

columnMenu.messages.filter

String

The text message that is displayed for the filter menu item.

Default: "Filter"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    filterable: true,
    columnMenu: {
      messages: {
        filter: "Apply filter"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.lock

String

The text message that is displayed in the column menu when locking a column.

Default: "Lock Column"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        lock: "Pin Column"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.moveNext

String

The text message that is displayed for the Move to next position column menu item.

Default: "Move Next"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "Name" },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ],
    columnMenu: {
      messages: {
        moveNext: "Move to Next Position"
      }
    }
  });
</script>

columnMenu.messages.movePrev

String

The text message that is displayed for the Move to previous position column menu item.

Default: "Move Previous"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "Name" },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ],
    columnMenu: {
      messages: {
        movePrev: "Move to Previous Position"
      }
    }
  });
</script>

columnMenu.messages.settings

String

The text message that is displayed in the menu header.

Default: "Column Settings"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        settings: "Column Options"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.sortAscending

String

The text message that is displayed for the menu item which performs the ascending sort mode.

Default: "Sort Ascending"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        sortAscending: "Sort (asc)"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.sortDescending

String

The text message that is displayed for the menu item which performs the descending sort mode.

Default: "Sort Descending"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        sortDescending: "Sort (desc)"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.unlock

String

The text message that is displayed in the column menu for unlocking a column.

Default: "Unlock Column"

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        lock: "Unpin Column"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>