Estoy usando Nz-Zorro, es decir; ng-antd a la tabla de diseño. Aquí estoy llamando dinámicamente al encabezado de la tabla.
Tengo 4 columnas y quiero reducir el ancho de 2 columnas por su nombre. Cómo puedo hacer eso ?
<thead> <tr> <th *ngFor="let column of listOfColumns"> {{ column.name }} </th> </tr> </thead>puede agregar una colWidth: "string" a cada una de las clases de elementos de su listOfColumns y cambiarla en su modelo con su clave de modelo. luego use [nzWidth] para cambiar el ancho de la columna:
<thead> <tr> <th *ngFor="let column of listOfColumns" [nzWidth]="column.colWidth"> {{ column.name }} </th> </tr> </thead>