在JSF中向scrollgrid添加滚动条

sTg*_*sTg 2 jsf primefaces jsf-2

我有一个至少有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>
Run Code Online (Sandbox Code Playgroud)

kol*_*sus 8

一个p:panel生成<div/>这样的overflow-yCSS样式属性将工作:

<p:panel  style="float:left;overflow-y: auto;height: 100px;">
Run Code Online (Sandbox Code Playgroud)

heightattrbute:规定了DIV应该被分为滚动点