PrimeNG DataTable 水平滚动条位置答案

【问题标题】：PrimeNG DataTable Horizontal Scrollbar LocationPrimeNG DataTable 水平滚动条位置
【发布时间】：2020-11-02 23:07:57
【问题描述】：

我在使用 PrimeNG DataTables 时遇到问题。我有一个需要水平滚动的包含大量列的表。 PrimeNG 开箱即用，水平滚动与位于表格下方的滚动条一起使用。

我需要让滚动条始终可见，类似于浏览器滚动条，而不需要用户滚动到表格底部。我尝试了使用overflow-x 属性的不同CSS 解决方案，但它们要么不起作用，要么破坏了PrimeNG 表的响应能力。

有人能做到吗？

【问题讨论】：

【解决方案1】：

文档说可以实现如下：

<p-table [columns]="cols" [value]="cars2" [scrollable]="true" [style]="{width:'500px'}">

【讨论】：

【解决方案2】：

在<p-table> 或<p-dataTable> 标签中使用[scrollable]="true" scrollHeight="100%" scrollWidth="100%"

【讨论】：