Css 如何在数据表中创建水平滚动单元格

这是PrimeFaces的问题，但我认为这个问题同样适用于标准JSF数据表

我有一个datatable列，其中条目被word包装，因为内容可能很长。为了使显示更具可读性，我希望内容不被包装，而是提供水平滚动以查看默认情况下未显示的内容

我相信这是一个简单的CSS修改，但我的熟练程度很低

<p:dataTable ... >

    <p:column headerText="Book Title">
         <h:outputText value="#{book.title}" style="???" />

---

只有当文本包含在具有定义宽度的中且文本包装已禁用，且相关元素具有CSS属性

溢出：滚动

或至少

溢出-x:scroll

定义时，才可能执行此操作

因此，用简单的HTML术语来说，这基本上是以下方法：

<div style="width: 200px; white-space: nowrap; overflow-x: scroll;">
    Some really really lengthy book title about a really really lengthy book.
</div>

请注意，您不需要引入任何div，

已经这样做了

另见：

---

很好，很好，再次感谢。总有一天我会学习CSS。这可能是PF的一个标准特性。

<p:column styleClass="scrollableCell">
    #{book.title}
</p:column>