关于 java:Fix p:dataTable 在 PrimeFaces 中的宽度

Fix p:dataTable width in PrimeFaces

我想固定我的数据表的宽度。

我正在使用 PrimeFaces 3.2 的 <p:dataTable> </p:dataTable>。

如何使用 css 修复 PrimeFace 的 DataTable 宽度？

我已经试过了

1	style="table-layout: fixed; width:100px;"

但它不起作用

添加DataTable的完整代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<p:dataTable id="eventTbl" var="e" value="#{eventBean.eventList}" style="table-layout: fixed; width:100px;"
paginator="true" rows="20" lazy="true"
paginatorTemplate=" {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
dynamic="true">
<p:column>
<p:commandButton id="selectButton" update=":form:display"
action="#{eventBean.getEventDetails(e.eventNum)}"
oncomplete="eventDialog.show()" icon="ui-icon-search"
title="View">
</p:commandButton>
</p:column>
<p:column headerText="Event Type" filterBy="#{e.eventType}">
<h:outputText value="#{e.eventType}" />
</p:column>
<p:column headerText="Order Id" filterBy="#{e.orderId}">
<h:outputText value="#{e.orderId}" />
</p:column>
<p:column headerText="Status" filterBy="#{tr.status}">
<h:outputText value="#{tr.status}" />
</p:column>
<p:column headerText="Event Date" filterBy="#{e.eventDate}">
<h:outputText value="#{e.eventDate}" />
</p:column>
<p:column headerText="Event Number" filterBy="#{e.eventNum}">
<h:outputText value="#{e.eventNum}" />
</p:column>
<p:column headerText="Request Number" filterBy="#{e.requestNum}">
<h:outputText value="#{e.requestNum}" />
</p:column>
<p:column headerText="Masked Pan" filterBy="#{e.maskedPan}">
<h:outputText value="#{e.maskedPan}" />
</p:column>
<p:column headerText="Card Name" filterBy="#{e.cardName}">
<h:outputText value="#{e.cardName}" />
</p:column>
<p:column headerText="Reference Number" filterBy="#{e.refNumb}">
<h:outputText value="#{e.refNumb}" />
</p:column>
</p:dataTable>