jsf - 在 JSF 中向面板网格添加滚动条

Question

我有一个至少有 50 列的面板网格，但在显示期间，UI 中的所有列都变得拥挤。我尝试了我可以但无济于事的属性。 下面是我的代码。任何帮助表示赞赏。

<p:panel>
                    <h:outputLabel value="Search Results" style="font-weight: bold;"></h:outputLabel>

                    <p:dataTable scrollWidth="100%" id="SearchResult" var="SearchResult"
                        value="beanId" style="width:100%;"
                        selection="beanId"
                        rowKey="beanId" scrollable="true"
                        rowSelectMode="multiple" scrollHeight="100%">
                        <p:column selectionMode="multiple" style="width:5%;" />

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Year" />
                            </f:facet>
                            <h:outputText value="MbeanValue" />
                        </p:column> 

                        |
                        |
                        |
                        |
                        similarly upto 50 columns
                </p:panel>

Answer 1

A p:panel生成 <div/>所以 overflow-y CSS 样式属性将起作用:

<p:panel  style="float:left;overflow-y: auto;height: 100px;">

height attrbute 指定 div 应该进入滚动条的点