Primefaces Treetable Text不适合列

时间:2015-11-17 15:26:07

标签: css jsf jsf-2 primefaces

我正在使用Primefaces 4.0,并且在我的一个页面中有一个treetable组件。第一列的宽度有一些计算问题,因此当列中有缩进时,文本开始不适合列。当我从Chrome开发工具中观察时,如果您没有缩进的跨度,我会看到宽度计算是正确的。

您可以在图像中看到案例。

只有一行:

Only one row

只展开了一行:

Only one row expanded

扩展了两行:

Two rows expanded

3 个答案:

答案 0 :(得分:0)

当我删除下面的CSS代码时,视图是固定的,但我仍然认为当primefaces将样式类放入“ui-treetable-indent”时会出现宽度计算错误,似乎根据文本正确计算宽度。如果从列中删除缩进,则所有文本都会毫无问题地适合列。

.ui-treetable thead th:last-child{
    width: 100%;
}

答案 1 :(得分:0)

我遇到了同样的问题。我通过在第一列中的文本后面添加一个spacer来解决它。

    <p:column>
        <p:outputLabel value="Text to display"/>
        <p:spacer width="30" height="0"/>
    </p:column>

答案 2 :(得分:0)

自Primefaces 6.1 [04-19-2017]以来,问题应该得到解决。以前,问题确实只能通过p:spacer或CSS完全解决。