angular - PrimeNG - p-dataTable height set by number of rows -
i'm trying find solution fix datatable height.
the table has pagination added. changing page second page number of rows lower on initial page (in our case first page) datatable height changed.
for me worked following css statement:
::ng-deep .ui-datatable-scrollable-view .ui-datatable-scrollable-body { min-height: 400px; border: 1px solid #d5d5d5; }
::ng-deep targets inside primeng element < p-datatable > . min-height: 0px of ui-datatable-scrollable-body class overwritten desired min-height.
two css selectors used instead of 1 increase css selector's specificity.
i created following plunker illustrates how works.
Comments
Post a Comment