在JSF中向scrollgrid添加滚动条

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

p:panel生成<div/>，以便overflow-y CSS样式属性可用：

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

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