Question

输入长文本时如何防止拉伸表：

屏幕： http://zapodaj.net/71821572f2445.jpg.html

Meyby是否可以使文本行水平拉伸？

我的片段示例表：

<p:dataTable id="table" styleClass="table" value="#{userMB.allInactive}" var="inactive" paginator="true" rows="15" rowKey="#{inactive.id}" selection="#{userMB.user}" selectionMode="single" >

                    <f:facet name="header">
                        Lista kont nieaktywnych
                    </f:facet>

                    <p:column headerText="#{msg.firstName}">
                        <h:outputText value="#{inactive.firstName}" />
                    </p:column>

我试过<p:column headerText="#{msg.firstName}" width="20px"> 列的styleClass：<p:column styleClass="column" headerText="#{msg.firstName}" width="20px">

.column {
    width: 20px;
}

但是我没有看到任何变化，它不起作用。

Answer 1

尝试以下解决方案。

How to show 2 line in one column in datatable?

Answer 2

CSS就是你的朋友，在你的情况下：

overflow: hidden;
word-wrap: break-word;

您应该在表格单元格中的元素上设置它们。如果设置width，则单元格将被水平修剪（无拉伸，无论字长如何，单词都会断开）。如果您同时设置max-height，则该行不会垂直延伸到您设置的限制之上。

请参阅jsfiddle：http://jsfiddle.net/9EuRZ/1/

在Primefaces中拉伸列表

2 个答案: