Our table ...
- uses lazyDataModel
- has multiple sorting enabled
- has pagination enabled
- has single selectionMode
- has scrollable=true
- fixed width for ALL columns using style attribute (currently style="width: 150px;", but also tried width attribute on column)
Table code:
Code: Select all
<p:dataTable id="resultList" value="#{searchBean.lazyDataModel}" var="entity"
selectionMode="single" selection="#{searchBean.selectedEntity}" rowKey="#{entity.rdsEntityId}"
scrollable="true" scrollHeight="350" style="overflow:auto"
paginator="true" rows="15"
paginatorTemplate="Page {CurrentPageReport} {FirstPageLink} {PreviousPageLink} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
rowsPerPageTemplate="5,10,15,20,25,30,35,50" paginatorPosition="bottom" paginatorAlwaysVisible="false"
sortMode="multiple"
lazy="true"
draggableColumns="false" resizableColumns="false" >
Code: Select all
<p:column sortBy="shortName" headerText="Short Name" rendered="#{searchBean.userRoleRDM}" styleClass="wrap" style="width: 100px;">
<h:outputText value="#{entity.shortName}" escape="false" />
</p:column>
- this thread
- p:datatable header misaligned with row columns
- SO: PrimeFaces 3.0 - p:dataTable headers do not line up with using scrollable=true
- SO: PrimeFaces datatable Scrollbar
- SO: Primefaces datatable header alignment
- The problem appears in IE8 (not in FF)
- Using PF 3.5.0 and 4.0-SNAPSHOT