este problema se puede tratar de diferentes maneras, pero en este caso te enseñamos la que en nuestra opinión es la solución más completa.
Intente agregarlo en su styles.scss.
tr.mat-footer-row
border: 1px solid #e7e7e7;
font-weight: bold;
height: #px !important;
Para cambiar la altura por defecto (48 px) en mat-table, debe especificar una clase para cada fila en el html, por ejemplo, cuando define las filas:
Luego, puede anular la altura, configurando en su archivo CSS principal la clase ‘tabla-fila’ con una altura específica, por ejemplo:
.table-row
height: 30px !important;
Probamos esto con angular 7 y angular material versión 7.3.7.
Saludos
En un punto relacionado, tuve un problema en el que las filas de mi tabla de alfombras eran demasiado altas e intenté establecer la altura en CSS para reducirla.
Resultó que el problema era que “min-height” se había establecido en “mat-header-row” y “mat-row” en algún lugar profundo del material (no en mi código fuente).
La solución fue simplemente:
.mat-header-row, .mat-row
min-height: 30px;