Duplicated header in Scrollable p:datatable

[venturus]

Hello,


Since I migrated to Primefaces 5.1, I am facing a strange issue. The header of my datatable is appearing twice.

You can reproduce the error with the code below.

Code: Select all

<p:dataTable value="#{myBean.myList}" scrollable="true">
			<p:column headerText="Column 1"> Value 1 </p:column>
		</p:dataTable>

Is it a bug or am I missing smt? If you can reproduce it just let me know... so I can open an issue.

[ademkursatuzun]

Probably, you're missing something because showcase running on 5.1. check again here http://www.primefaces.org/showcase/ui/d ... asic.xhtml

[kukeltje]

Probably, you're missing something because showcase running on 5.1. check again here http://www.primefaces.org/showcase/ui/d ... asic.xhtml

You mean http://www.primefaces.org/showcase/ui/d ... roll.xhtml? Check if adding a scrollHeight makes a difference...

[venturus]

My bad.

I was checking for the generated HTML.

Structure looks like this:

Code: Select all

<div class="ui-datatable-scrollable-body">
    <table />
</div>
<div class="ui-datatable-scrollable-body">
  <table>
     <thead class="ui-datatable-scrollable-theadclone" />
  </table>
</div>

In my previous version (5.0.5) this <thead /> did not exist.

In 5.1 its hidden (height is set to 0), but I had a css that was overriding this height... so it was being displayed.

Thanks for your time,

[kukeltje]

Hmmm this might be for 'sticky header'... I hope not... I do not use sticky headers, so I do not want duplicate code... yuck...

[mpasacrita]

I'm also having this problem with scrollable data tables after switching to 5.2.1

If I remove the scrollable="true" option from the datatable tag, the duplicate header bar disappears.

If I add CSS to set the display to "none" for that duplicate header at the <thead> level, then the datatable's horizontal scrollbar disappears as well.

[kukeltje]

New queztions in new topics please

[mpasacrita]

That wasn't a new question. It was me trying to provide extra information to help the PrimeFaces team troubleshoot.

[scarsix06d]

Hi! I have the same issue

I changed my css file

.ui-datatable-scrollable-theadclone th span.ui-column-title {
display: none !important;
height: 0px;
}

[cagatay.civici]

Clone header is required to align header and body for scrolling. You should not see clone though, I can't see it on showcase for example.