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

Groupable.messages

configuration

The text messages displayed during grouping.

groupable.messages

Object

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" },
    { field: "unitPrice" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages", unitPrice: 2.5 },
    { productName: "Coffee", category: "Beverages", unitPrice: 3.0 },
    { productName: "Bread", category: "Food", unitPrice: 1.5 }
  ],
  groupable: {
    messages: {
      empty: "Drop column headers here to group your data"
    }
  }
});
</script>

groupable.messages.empty

String

The text displayed in the grouping drop area.

Default: "Drag a column header and drop it here to group by that column"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" },
    { productName: "Ham", category: "Food" },
    { productName: "Bread", category: "Food" }
  ],
  groupable: {
    messages: {
      empty: "Drop columns here"
    }
  }
});
</script>