Ich versuche, eine Lösung zu finden, um die DataTable Höhe zu beheben.PrimeNG - p-dataTable Höhe nach Anzahl der Zeilen
Die Tabelle enthält eine Seitennummerierung. Wenn Sie die Seite auf die zweite Seite ändern, auf der die Anzahl der Zeilen niedriger ist als auf der ersten Seite (in unserem Fall die erste Seite), wird die dataTable-Höhe geändert.
Für mich war es mit der folgenden CSS-Statement:
::ng-deep .ui-datatable-scrollable-view .ui-datatable-scrollable-body {
min-height: 400px;
border: 1px solid #D5D5D5;
}
:: ng tief Ziele innerhalb das primeNg Element < p-Datatable>. Die min-height: 0px der ui-datatable-scrollable-body Klasse ist überschrieben von Ihrer gewünschten Min-Höhe.
Zwei css-Selektoren werden anstelle von einem verwendet, um die Spezifität des css-Selektors zu erhöhen.
Ich habe den folgenden Plunker erstellt, der veranschaulicht, wie es funktioniert.
Es scheint für mich funktioniert nicht. Kann ich Sie bitten, Ihr Beispiel, alles, was Sie haben, mit dataTable zu posten? –
In der Antwort wurde ein Beispiel hinzugefügt. Ich hoffe es hilft. –
Danke. Ja, es war sehr hilfreich. –
Ich bin auch auf das gleiche Problem. Hast du irgendeine Lösung gefunden? – Manoj
Noch nicht. Ich habe die DataTable in einem Panel hinzugefügt. Wenn die Höhe der DataTable bei der Seitenumbruch geändert wird, werden auf diese Weise die anderen Komponenten von der Seite nicht verschoben. –
Ich habe Dummy-Zeilen hinzugefügt, um die Höhe zu erhalten. – Manoj