2017-04-07 45 views
4

我試圖找到修復dataTable高度的解決方案。PrimeNG - 按行數設置的p-dataTable高度

該表已添加分頁。將頁面更改爲第二頁,其中行數較初始頁面更低(在我們的例子中是第一頁),dataTable高度將會改變。

+0

我也面臨同樣的問題。你有沒有找到解決辦法? – Manoj

+0

還沒有。我在面板中添加了DataTable。這樣,如果DataTable高度在分頁時發生更改,則頁面中的其他組件不會移動。 –

+0

我確實添加了虛擬行來獲取高度。 – Manoj

回答

6

對於我來說,有以下CSS語句的工作:

::ng-deep .ui-datatable-scrollable-view .ui-datatable-scrollable-body { 
    min-height: 400px; 
    border: 1px solid #D5D5D5; 
} 

:: NG-縱深目標的primeNg元素<對的dataTable>。 ui-datatable-scrollable-body class的最小高度:0px將被覆蓋所需的最小高度。

使用兩個css選擇器而不是一個來增加css選擇器的特異性。

我創建了下面的解釋器,說明它是如何工作的。

https://plnkr.co/edit/8cFrCY?p=preview

+0

在我看來,這是行不通的。我可以要求你發佈你的例子,你有關於dataTable的一切嗎? –

+1

在答案中增加了一個沉悶的例子。希望能幫助到你。 –

+0

謝謝。是的,這非常有幫助。 –