Datatable scrollable header misalignment

Post Reply
techniata
Posts: 16
Joined: 20 Apr 2011, 10:10

31 Aug 2021, 16:38

Hello,

after switching to mytheme from the theme designer, I am facing an old datatable alignment problem. If the datatable is scrollable the div with class "ui-datatable-scrollable-header-box" receives always style="margin-right: 15px;".

Code: Select all

<div class="ui-datatable-scrollable-header-box" style="margin-right: 15px;">
It does not distinguish between existing scroll and missing one. As soon as I switch to my old theme "bluesky" everything works like a charm(If scroll exists margin is added, if not no margin exists)

I remember to have this issue with an older version of primefaces/themes.

I am using:

primefaces theme designer 10.0.0 with primefaces-sega-blue as a base template for my implementation
Primefaces 10.0.0

Thank you in advance

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

01 Sep 2021, 09:40

Hi,

I couldn't understand your issue. "margin-right: 15px" style taking from PrimeFaces 10.0.0 core not the theme. Could you please add a screenshots? Or can we display this issue on the showcase?

Best Regards,

techniata
Posts: 16
Joined: 20 Apr 2011, 10:10

01 Sep 2021, 10:00

Hello,

thank you for the answer.
Here the screenshots. They all refer to the same implementation. The only difference is the window size to activate/deactivate the scroll.:

Bluesky without scroll:
Image
Bluesky with scroll:
Image
Mytheme without scroll:
Image
Mytheme with scroll:
Image

The datatable implementation:

Code: Select all

	<p:dataTable var="blaBlaVar" stripedRows="true"
				emptyMessage="#{msg.empty_message}" scrollable="true"
				scrollHeight="100%" value="#{model.messages}"
				sortMode="multiple" widgetVar="blaBlaWidgetVar">
Regards

techniata
Posts: 16
Joined: 20 Apr 2011, 10:10

01 Sep 2021, 10:19

I think the problem comes with the internal calculation of the parent panel and the datatable based on the new theme sizes. Issue can be closed/removed

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

10 Sep 2021, 09:00

I'm glad your issue was resolved.

Best Regards,

Post Reply

Return to “PrimeFaces Theme Designer API”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests