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

<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