角材台的高度不低於一定的最小高度

Question

我在項目中使用了mat-table，並且希望將行的高度設置為20-30px。

當我設置height: 25px ，我得到的是實際高度47.8px，如果我將height設置為大於47.8px，則行高會增加，這意味着css選擇器和特異性不是問題。

我正在使用這樣的指令：

<table mat-table [dataSource]="dataSource" [ngClass]="classes"></table>

在我的CSS中，我有：

.mat-cell, .mat-header-cell {
  padding: 0 10px;
  height: 25px;
}

我已經檢查過，似乎沒有在任何地方設置min-height屬性。

Answer 1

您需要做：

.mat-row {
  height: 25px;
}

在這里，您可以看到stackblitz演示 。