primefaces - 如何防止 p:columnToggler 显示滚动条？

Question

我正在使用带有 dataTable 和 columnToggler 的 Primefaces 6.2 来隐藏/显示表格的一些列。这里是xhtml代码

<f:facet name="header" style="height: 300px; width: 200px">
    <p:commandButton id="wlToggler" type="button" value="Columns"
                     style="float:right; background-color: #f9f9f9"
                     styleClass="btn btn-success" icon="fa fa-align-justify" />
    <p:columnToggler datasource="whiteListItemTable" trigger="wlToggler">
        <p:ajax event="toggle"
                listener="#{whiteListController.onToggleWhiteList}" />
    </p:columnToggler>
</f:facet>

我有大约 10 列要切换，但单击切换按钮时我不高兴，因为并非所有列都显示。我想在列出的项目上避免垂直和水平升降机：

只需列出所有列，就可以看到完整的列名而无需任何提升。

你知道我该怎么做吗？

谢谢你的帮助