jsf - 如何在 JSF 中设置 dataTable 渲染列的宽度？

Question

JSF h:column tag fix width

我试过这种方式，但我无法让它工作。使用呈现的 HTML，我没有看到 Header 或 dataTable 行的宽度属性。我使用的是没有任何组件库的 JSF 1.2。可能是什么问题呢？

Answer 1

老实说，这个链接的答案对我来说没有意义。 <h:column>就像在默认的 JSF 实现中一样 does not完全支持这些属性。为什么它得到 6 票并被标记为接受，这远远超出了我的理解。这将是无知或巧合(也许提问者和答案都使用 JSF 实现，我不知道其中有 <h:column> 的渲染器，它会自动将所有未知属性转换为真正的 HTML 属性，但至少，标准 JSF RI/Mojarra 不这样做，也许是 MyFaces？)。

也就是说，要单独设置列的样式，您需要使用 columnClasses <h:dataTable> 的属性.它接受一个逗号分隔的 CSS 类名字符串，随后将应用于 <td>由 <h:column> 生成的元素.

<h:dataTable columnClasses="column1,column2,column3">
    <h:column>...</h:column>
    <h:column>...</h:column>
    <h:column>...</h:column>
</h:dataTable>

这将最终类似于:

<table>
    <tbody>
        <tr>
            <td class="column1">...</td>
            <td class="column2">...</td>
            <td class="column3">...</td>
        </tr>
    </tbody>
</table>

要指定宽度，只需相应地应用 CSS。

.column1 { width: 200px; }
.column2 { width: 100px; }
.column3 { width: 50px; }