PrimeNG - 按行數設置的p-dataTable高度

2017-04-07 70 views 4 likes

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

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

2017-04-07 Kutas Tomy

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

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

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

回答

對於我來說，有以下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選擇器的特異性。

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

2017-07-25 14:00:21

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

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

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

相關問題