jsf - ExtendedDataTable - 高度不起作用

Question

所以，就像标题所说，在我的例子中，extendDataTable 的高度不起作用，所以我的表格也不会滚动，因为所有行都显示了。我使用的是richfaces4.0-final版本。这是我的代码:

        <rich:extendedDataTable
            value="#{advancedSearchView.criteria}" var="criteria"
            height="50px"
            selection="#{advancedSearchView.selection}" id="table"
            selectionMode="single">
            <rich:column id="criteria_row" filterBy="#{criteria}" filterEvent="onkeyup" width="500px">
                <h:outputText value="#{criteria}" />
            </rich:column>
        </rich:extendedDataTable>

AdvancedSearchView 是请求范围的 bean，条件是一个字符串数组。

我希望这是足够的信息。先感谢您。如果有人给我答案，我将非常感激，因为我已经为此苦苦挣扎了一段时间。

Answer 1

根据RichFaces 4 VDL (View Declaration Language) documentation ， <rich:extendedDataTable> 组件不支持height根本没有属性。

但是您的功能需求是可以理解的。您想要渲染高度为 50px 的扩展数据表并使表体可滚动。您需要使用常用的 CSS 方法来实现此目的 style属性可以采用内联 CSS 声明，或者通过 styleClass属性可以采用 CSS 类，就像几乎所有其他 JSF HTML 组件一样。

所以，与 style

<rich:extendedDataTable ... style="height: 50px;">

或者，与 styleClass (这也是更推荐的做法；将样式与标记分开)

<rich:extendedDataTable ... styleClass="criteria">

这部分位于您通过 <h:outputStylesheet /> 包含的 CSS 文件中:

.criteria {
    height: 50px;
}