Question

当我设置[scrollable]="true"表没有显示水平滚动条时，我有一个包含20列的数据表吗？

如何实现这一目标？

这是问题的一个问题 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>

数据表水平滚动条不可见

1 个答案: