Introduction
Contribution
Knowledge Base
PropertyGrid

groupableBoolean(default: true)

Enables the grouping of properties. Set this configuration to false to disable grouping.

For the ToggleGroupLayout command button to be rendered in the ToolBar, the items configuration should specify the groups to which the fields belong.

Example - define groups of items for the PropertyGrid 

<div id="propertyGrid"></div>
<script>
  $("#propertyGrid").kendoPropertyGrid({
    columns: {
        fieldColumn: { width: 200 },
        valueColumn: { width: 250 }
    },
    model: {
        foo: "bar",
        baz: 5
    },
    items:[
        {field:"foo", group: "Group A"},
        {field:"baz", group: "Group B"}
    ]
  });
</script>

Example - disable grouping for the PropertyGrid 

<div id="propertyGrid"></div>
<script>
  $("#propertyGrid").kendoPropertyGrid({
    columns: {
        fieldColumn: { width: 200 },
        valueColumn: { width: 250 }
    },
    model: {
        foo: "bar",
        baz: 5
    },
    groupable: false
  });
</script>
In this article
groupable
Not finding the help you need?
Contact Support