PrimeNG DataTable水平滚动条位置

时间:2018-10-26 13:27:03

标签: primeng primeng-datatable

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

我需要使滚动条始终像浏览器滚动条一样可见,而无需用户滚动到表格底部。我已经尝试过使用溢出X属性的其他CSS解决方案,但是它们要么不起作用,要么破坏PrimeNG表的响应能力。

有人能做到吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

文档说可以通过以下方式实现:

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

https://www.primefaces.org/primeng/v8.2.9-lts/#/table/scroll