Skip to content

How to setup a checkbox column in Telerik’s Kendo UI for Angular’s grid.

June 16, 2017

Like this:

<kendo-grid>
    [data]="itemsList"
    [height]="370"

    <kendo-grid-column field="ItemName" title="Item"></kendo-grid-column>
    <kendo-grid-column field="IsAvailable" title="Availability">
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <strong><input [checked]="dataItem.IsAvailable" type="checkbox" /></strong>
        </ng-template>
    </kendo-grid-column>
</kendo-grid>

of course the data source for the grid must have a property IsAvailable in order for this to work.

 

Advertisements

From → Angular 2.0, Grid

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: