Misaligned columns in Primefaces datatable

Asked Jun 11 '22 at 18:47

Active Jun 14 '22 at 08:14

Viewed 50 times

I'm trying to make a datatable showing column as easy as possible - like auto width.

It misaligns the columns compared to the header, like these:

My code looks like this:

<p:dataTable id="datalist2" value="#{item.formItemCollection}"
    var="item2" scrollable="true" scrollHeight="100" tableStyle="width:auto" 
    emptyMessage="#{bundle.EmptyMessage}" >

<ui:include src="/view/formItem/formItemListRow.xhtml">
    <ui:param name="rowItem" value="#{item2}"/>  
    <ui:param name="controller" value="#{formItemController}"/>  
</ui:include>

edited Jun 14 '22 at 08:14

Jasper de Vries

19,370
6
64
102

asked Jun 11 '22 at 18:47

v-peter

2

Please provide a [mcve]. What version do you use? What theme? What custom CSS? – Jasper de Vries Jun 11 '22 at 19:25
1

Does removing `tableStyle="width:auto"` help? – Jasper de Vries Jun 14 '22 at 08:14

Misaligned columns in Primefaces datatable

0 Answers0