groupable Boolean (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

Open In Dojo
<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

Open In Dojo
<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