p-table - scrollHeight breaks table header theming

[cbada]

https://imgur.com/a/7FGJkKy

Code: Select all

<p-table [columns]="cols" [value]="cars"
                     selectionMode="single"
                     dataKey="vin"
                     [(selection)]="selectedCar"
                     [style]="{'margin-bottom':'20px'}"
                     [scrollable]="true"
                     scrollHeight="175px"
            >
            ....
            

By adding the scrollable and scrollHeight attributes most of the theming seems to break in the table headers. For example the names are no longer bold, the sort icons are now white on a white background so invisible unless hovered over (circled in red), and the $primaryColor of the theme now bleeds out on the right side of the headers (circled in red). I've witnessed these issues since Ultima5. Any word on these issues??

[merve7]

We fixed for next release. You can add the below code in your stylesheet until release;

Code: Select all

.ui-table {
    .ui-table-scrollable-header {
    	.ui-sortable-column {
            .ui-sortable-column-icon {
                color: #212121;
            }

            &.ui-state-highlight {
                .ui-sortable-column-icon {
                    color: #ffffff;
                }
            }
        }
    }
}