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

Columns

configuration

The configuration of the PropertyGrid columns which allows for setting the field and value column configuration options.

columns

Object

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

columns.fieldColumn

Object

The configuration of the field column.

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

columns.valueColumn

Object

The configuration of the value column.

<div id="propertyGrid"></div>
<script>
$("#propertyGrid").kendoPropertyGrid({
    columns: {
        valueColumn: {
            width: 400,
            resizable: true
        }
    },
    model: {
        foo: "bar",
        baz: 5
    }
});
</script>

Columns

columns

columns.fieldColumn

columns.valueColumn

Related Members