Saltar al contenido

¿Cómo cambiar la altura de fila de la tabla de materiales angulares?

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;

Reseñas y puntuaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *