wake-up-neo.com

Wie geben Sie eine feste Höhe ein Angular Materialtabelle

Ich habe eine angular material table(10 rows), für die ich die Höhe auf 300px festlegen möchte (vertikales Scrollen sollte verwendet werden, um die zusätzlichen Zeilen zu sehen). Wenn ich 300px Höhe in den Stilen gebe, hat dies keine Wirkung. Der Inhalt der Tabelle geht über die angegebene Höhe hinaus.

Siehe den Link für das Bild.

Ich möchte zwei Tabellen untereinander haben und ich möchte sie gleich benennen. height 50%. Die erste Tabelle selbst nimmt 10 rows height.

Angular Materialtabelle

2
Santhosh

Ich benutze einen Wrapper div mit class

<div class="table-container">
   <table mat-table [dataSource]=.....>
   </table>
</div>

und das ist die Klasse

.table-container {
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
}
1
wFitz

Versuchen Sie es in einer CSS-Datei

table tr.mat-row {
  height: 300px;
}
0
Keval K.