p-table - scrollHeight breaks table header theming

Post Reply
cbada
Posts: 3
Joined: 17 Apr 2018, 17:14

11 Sep 2018, 21:24

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
Posts: 338
Joined: 12 Sep 2017, 10:44

12 Sep 2018, 13:28

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;
                }
            }
        }
    }
}

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest