PrimeNG - p-dataTableの高さを行数で設定しました

私はdataTableの高さを修正する解決策を見つけようとしています。PrimeNG - p-dataTableの高さを行数で設定しました

テーブルに改ページが追加されました。ページを最初のページ（この場合は最初のページ）のようにローの数が少ない2番目のページに変更すると、dataTableの高さが変更されます。

2017-04-07 Kutas Tomy

私も同じ問題に直面しています。解決策は見つかりましたか？ – Manoj

まだありません。私はPanel内にDataTableを追加しました。このように、ページ設定時にDataTableの高さが変更された場合、ページの他のコンポーネントは移動されません。 –

ダミー行を追加して高さを取得しました。 – Manoj

は、私にとって、それは次のCSS文で働いていた：

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

:: 内部primeNg要素< P-のdataTable NG-深い目標を>。 ui-datatable-scrollable-bodyクラスのmin-height：0pxは、になります。は、希望の分の高さで上書きされます。

2つのCSSセレクタが1つではなくCSSセレクタの特異性を高めるために使用されます。

私はそれがどのように動作するかを示す次のプランナーを作成しました。

2017-07-25 14:00:21

私は働いていないようです。私はあなたの事例、あなたが持っているすべてをdataTableで掲示するように頼むことができますか？ –

答えに大胆な例を追加しました。それが役に立てば幸い。 –

ありがとうございます。はい、とても助かりました。 –

答えて