3

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

画面：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;
}

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

4

2 回答 2

1

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

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

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

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

于 2013-07-01T21:30:51.757 回答
1

试试下面的解决方案。

如何在数据表的一列中显示 2 行？

于 2013-07-01T19:11:26.983 回答