数据表水平滚动条不可见

Question

设置[scrollable]="true"时，我有20列的数据表，该表不显示水平滚动条吗？

如何实现呢？

这是问题Plnkr的plnkr

Answer 1

尝试这样：

<p-dataTable #dt [value]="data" scrollable="true" scrollHeight="200px" scrollWidth="600px" [rows]="5" [paginator]="true" [pageLinks]="30">
            <p-column field="Col1" header="Column 1" [sortable]="true" [filter]="true" [style]="{'width':'250px'}" [filterMatchMode]="'contains'"></p-column>
            <p-column field="Col2" header="Column 2" [sortable]="true" [filter]="true" [style]="{'width':'250px'}" [filterMatchMode]="'contains'"></p-column>
            <p-column field="Col3" header="Column 3" [sortable]="true" [filter]="true" [style]="{'width':'250px'}" [filterMatchMode]="'contains'"></p-column>
</p-dataTable>