extendedDataTable - 高度不起作用

【问题标题】：extendedDataTable - height doesn't workextendedDataTable - 高度不起作用
【发布时间】：2012-01-02 12:22:15
【问题描述】：

所以，就像标题所说的，在我的情况下，extendedDataTable 的高度不起作用，所以我的表格也不会滚动，因为所有行都显示了。我正在使用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，criteria 是一个字符串数组。

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

【问题讨论】：

标签： jsf jsf-2 richfaces

【解决方案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">

并将这部分放在一个 CSS 文件中，由 <h:outputStylesheet /> 包含：

.criteria {
    height: 50px;
}

【讨论】：