columnMenu.componentTypeString(default: "classic")

Specifies the component type of the column menu.

  • "classic" - Uses the standard rendering of the column menu.
  • "modern" - Uses new rendering with a fresh and modern look and feel.
  • "tabbed" - Uses the rendering of the "modern" menu, but splits its content into different tabs.

Example

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName", title: "Product" },
    { field: "unitPrice", title: "Price" },
    { field: "category", title: "Category" }
  ],
  dataSource: [
    { productName: "Tea", unitPrice: 2.5, category: "Beverages" },
    { productName: "Coffee", unitPrice: 3.0, category: "Beverages" }
  ],
  columnMenu: {
    componentType: "modern"
  }
});
</script>
In this article
columnMenu.componentType
Not finding the help you need?
Contact Support