Primefaces p：datatable我們如何使底部滾動條顯示在數據表中？

Question

我的代碼是這樣的...但是底部沒有顯示滾動條。 我們如何使底部滾動條顯示在數據表中？

<p:dataTable scrollHeight="250"  id="data" var="item" value="#{saleOrderDetailViewModel.items}" 
                resizableColumns="true" liveResize="true" scrollable="true" rowIndexVar="rowInfo" 
                emptyMessage="#{pmtsCommonUtilViewModel.datatableEmptyMessage}"  
                paginatorPosition="bottom" paginator="true" rows="#{pmtsCommonUtilViewModel.rowsPerPage}"  
                rowsPerPageTemplate="#{pmtsCommonUtilViewModel.rowsPerPageTemplate}"
                paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">

                    <p:column id="order_no" rendered="true" headerText="銷售單編號" style="width:130px"> 
                        #{item.orderNo} 
                    </p:column>

</p:dataTable>

Answer 1

要顯示底部滾動條時，請指定scrollWidth 。

像這樣：

<p:dataTable scrollWidth="250" scrollHeight="250" id="data" var="item" value="#{saleOrderDetailViewModel.items}" 
            resizableColumns="true" liveResize="true" scrollable="true" rowIndexVar="rowInfo" 
            emptyMessage="#{pmtsCommonUtilViewModel.datatableEmptyMessage}"  
            paginatorPosition="bottom" paginator="true" rows="#{pmtsCommonUtilViewModel.rowsPerPage}"  
            rowsPerPageTemplate="#{pmtsCommonUtilViewModel.rowsPerPageTemplate}"
            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">

                <p:column id="order_no" rendered="true" headerText="銷售單編號" style="width:130px"> 
                    #{item.orderNo} 
                </p:column>
</p:dataTable>