在JSF中向panelgrid添加滚动条

在JSF中向panelgrid添加滚动条,jsf,jsf-2,primefaces,Jsf,Jsf 2,Primefaces,我有一个至少有50列的面板网格,但在显示期间,UI中的所有列都会变得拥挤。我试了试我能做的,但没有用。 下面是我的代码。感谢您的帮助 <p:panel> <h:outputLabel value="Search Results" style="font-weight: bold;"></h:outputLabel> <p:dataTable scrollWidth="100

我有一个至少有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>

|
|
|
|
类似地,最多50列

A
p:panel
生成一个
,因此
overflow-y
CSS样式属性将起作用:

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


height
attrbute指定div应该在哪个点进入滚动条