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.

https://plnkr.co/edit/8cfrcy?p=preview


Comments

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -