primefaces dataTable风格？

Question

我想使用primefaces创建一个表格，但我的表格列的宽度对于标题和正文来说并不相同。我尝试为每列添加style="width: inherit"或style="width: 30%"，但表头和表正文之间的宽度仍然不均匀。如果它不可滚动但是我想要一个可滚动的表，那么该表将很好地统一。 这是我的代码：

<h:panelGrid columns="1" class="plan-panel" columnClasses="label, value">
    <h:outputText class="deploy-label" value="Table 1"/>
    <p:dataTable var="service" value="aaaa"
                 id="service-table" scrollable="true" scrollHeight="250">
        <p:column headerText="Col1" width="20">
            <h:outputText value="test122222222222"/>
        </p:column>
        <p:column headerText="Col2" width="20">
            <h:outputText value="test255567y774"/>
        </p:column>
        <p:column headerText="Col3" width="20">
            <h:outputText value="test3433666"/>
        </p:column>
        <p:column headerText="Col4" width="20">
            <h:outputText value="test43364667"/>
        </p:column>
    </p:dataTable>

</h:panelGrid>

这是表格的样子：

我想知道是否有人知道如何在这张桌子上应用样式，以便表格的标题和正文宽度相等。

由于

Answer 1

尝试在width示例

中制作简单Column

<p:column headerText="Col2" width="20"><h:outputText value="test122222222222"/></p:column>

我试图改变它，这对我来说很有用，柱子香料非常小，但对我来说很有帮助。

Answer 2

唯一的“好”＆＃39;在这种情况下的答案是停止使用可滚动或使用更新的版本，因为3.5相当旧（6.0已经出来）。这方面有很多变化/改进。

您可以尝试修补CSS或很可能是数据表的js，但计算和对齐动态宽度相当麻烦。我怀疑有人会为你做那件事。

你可以尝试的一件事是看看table-layout: fixed在应用于两个表时的作用（查看源代码），然后可能像你那样给每个列一个固定的宽度，或者可能通过css