DataTable - Scrollable Table Headers larger

Post Reply
MarkPerryBV
Posts: 3
Joined: 20 May 2016, 12:17

09 Nov 2017, 17:10

When I have a table configured like:

Code: Select all

<p-dataTable [scrollable]="true" ></p-dataTable>
Then the columns headings are font-size: 16px instead of inheriting the body font size of 14px. This is because the header is nested inside a "ui-widget-header" and is inheriting the extra font-size from that.

See this link for an example.
https://imgur.com/a/890EC


Thanks, Mark

MarkPerryBV
Posts: 3
Joined: 20 May 2016, 12:17

29 Nov 2017, 16:16

Any update on this issue?

cagatay.civici
Prime
Posts: 18049
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

01 Dec 2017, 12:10

Does it only happen on scrollable table? I can't find the related css in our side, do you have a pointer on;

Code: Select all

Then the columns headings are font-size: 16px instead of inheriting the body font size of 14px. This is because the header is nested inside a "ui-widget-header" and is inheriting the extra font-size from that

MarkPerryBV
Posts: 3
Joined: 20 May 2016, 12:17

07 Dec 2017, 14:02

Yes only when Scrollable is set to true.

Adding the [scrolalble]="true" adds the class "ui-widget-header" which then ups the font size.

Post Reply

Return to “Poseidon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest