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

Groupable

configuration

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.

groupable

Boolean

Default: true

<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>

<div id="propertyGrid"></div>
<script>
  $("#propertyGrid").kendoPropertyGrid({
    columns: {
        fieldColumn: { width: 200 },
        valueColumn: { width: 250 }
    },
    model: {
        foo: "bar",
        baz: 5
    },
    groupable: false
  });
</script>