it-swarm.asia

Sabit yükseklik nasıl verilir Angular Malzeme Tablosu

Yüksekliği 300 piksele sabitlemek istediğim bir angular material table(10 rows)for işlevine sahibim (fazladan satırları görmek için dikey kaydırma kullanılmalıdır). Stillerde 300px 'a yükseklik verdiğimde hiçbir etkisi olmaz. Tablonun içeriği verilen yükseklikten çıkıyor.

Resim için linke bakınız.

Birbiri ardına iki tablo olmasını istiyorum ve onlara eşit height 50%. vermek istiyorum. İlk tablonun kendisi 10 rows height alıyor.

Angular Malzeme Tablosu

2
Santhosh

Sınıflı bir sarmalayıcı div kullanıyorum

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

ve bu da sınıftır

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

Bunu bir css dosyasında deneyin

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