Pageble Kendo UI Angular 2 Grid with fixed height

1
votes

I have enabled paging on the grid. I want the grid height to be fixed or 100%, and not "jumping" when browsing to the last page, which has less records. The height declaration does not work with the pagable option, just with the scrollable option.

See http://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#height-number

Does anyone have a solution?

1
cssangularkendo-uikendo-ui-angular2

1 Answers

0
votes

The height option works when paging is enabled. See this plunker snippet for an example with both height and scrolling.

<kendo-grid
    [data]="gridView"
    [pageSize]="pageSize"
    [skip]="skip"
    [pageable]="true"
    [height]="360"
    (pageChange)="pageChange($event)">
</kendo-grid>