From a5809bd75a85a7c3edc12b0949a4d970a7f6d94f Mon Sep 17 00:00:00 2001 From: Patrick Sun Date: Sun, 3 Jan 2021 16:25:55 +1100 Subject: [PATCH] fluid height for grid --- src/app/transaction-list/transaction-list.component.html | 4 ++-- src/app/transaction-list/transaction-list.component.scss | 4 ++++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/app/transaction-list/transaction-list.component.html b/src/app/transaction-list/transaction-list.component.html index 6343e81..1949b59 100644 --- a/src/app/transaction-list/transaction-list.component.html +++ b/src/app/transaction-list/transaction-list.component.html @@ -2,13 +2,13 @@ [kendoGridBinding]="gridView" kendoGridSelectBy="id" [selectedKeys]="mySelection" -[pageSize]="20" +[pageSize]="10" [pageable]="true" [sortable]="true" [groupable]="false" [reorderable]="true" [resizable]="true" -[height] = "1170" +[height] = "700" class="fullheight_grid" [columnMenu]="{ filter: true }" > diff --git a/src/app/transaction-list/transaction-list.component.scss b/src/app/transaction-list/transaction-list.component.scss index 9201bda..d94f326 100644 --- a/src/app/transaction-list/transaction-list.component.scss +++ b/src/app/transaction-list/transaction-list.component.scss @@ -24,4 +24,8 @@ .text-bold { font-weight: 600; +} + +.fullheight_grid { + height: calc(100vh - 48px) !important; } \ No newline at end of file