Tag: MAT-TABLE
Tengo una tabla mat con 2 encabezados en mi tercera y cuarta columna, en las otras columnas use rowspan, en las cuales necesito que las primeras 4 columnas sean pegajosas, así que usé el atributo sticky. Pero cuando hago scroll horizontal, el segundo encabezado de la fila en las columnas . . . Read more
Me gustaría cambiar el color del texto de una fila seleccionada en una mat-table. El fondo se cambia correctamente, pero no el texto con el siguiente código: .highlight { background-color: red; color: white; } en html <tr mat-row=”” *matrowdef=”let row; columns: displayedColumns; let i = index;” (click)=”selectRow(i + this.paginatorList.pageIndex*this.paginatorClaimList.pageSize + . . . Read more
Estoy utilizando la tabla de datos de Angular material para mostrar datos relacionados con productos en una tabla con matSort para ordenar. En la tabla de datos he utilizado [hidden]="!data" pero cuando no hay datos, aun así se muestran los encabezados de la tabla. Intenté envolverlo con la directiva ngIf, . . . Read more
Estoy utilizando la tabla mat para mostrar datos con agrupación por filas. Estoy siguiendo este ejemplo para implementar la agrupación por filas: https://stackblitz.com/edit/ag-mat-table-row-grouping-f1kwty?file=src%2Fapp%2Fapp.component.ts Esta solución funciona bien para la agrupación por filas, sin embargo, cuando agregué la paginación, me encontré con el siguiente problema. Tengo la agrupación por filas para . . . Read more
Me gustaría actualizar los elementos mostrados en una mat-table después de eliminar un elemento, sin acceder nuevamente al servidor. Funciona bien si elimino el elemento directamente desde el botón de eliminar en una fila, pero no funciona cuando uso un mat-dialog. Aquí está mi código haciendo directamente (esto funciona): HTML: . . . Read more