extendedDataTable - 高度不起作用

Posted 2023-02-23

【中文标题】extendedDataTable - 高度不起作用

【英文标题】：extendedDataTable - height doesn't work

【发布时间】：2012-01-02 12:22:15

【问题描述】：

所以，就像标题所说的，在我的情况下，extendedDataTable 的高度不起作用，所以我的表格也不会滚动，因为所有行都显示了。我正在使用richfaces4.0-final 版本。所以这是我的一段代码：

        <rich:extendedDataTable
            value="#advancedSearchView.criteria" var="criteria"
            
            selection="#advancedSearchView.selection" id="table"
            selectionMode="single">
            <rich:column id="criteria_row" filterBy="#criteria" filterEvent="onkeyup" >
                <h:outputText value="#criteria" />
            </rich:column>
        </rich:extendedDataTable>

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

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

【参考方案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;