Directo al grano
Tengo una grid y quiero que las columnas vayan aumentando conforme tenga en los datos. Me explico. tengo estos datos
this.rowData = [
{
fecha: '03/march/1994',
estatus: 'Activo',
fee: 'BANCO',
banks: {
empresa1: 'Abc',
empresa2: 'Abccc',
empresa3: 'sss'
/* esta cantidad puede cambiar */
}
}
];
el array "banks" se puede incrementar o volverse mas pequeño, depende de lo que una api que estoy consumiendo me devuelva.
Estos son los campos de Ag-Grid
private createGrid(): void {
this.grid = assignNewObjet(GRID);
this.grid.columnDefs = [
{
headerName: 'Fecha',
field: 'fecha',
maxWidth: 220,
},
{
headerName: 'Estatus',
field: 'estatus',
maxWidth: 220,
},
{
headerName: 'Tipo de recuado',
field: 'fee',
}
];
this.pinnedBottomRowData = [
{
status: 'Total:',
fee: '$ 200000',
},
];
}
<ag-grid-angular
class="ag-theme-material w-100-p highGridThree"
[gridOptions]="grid"
[pinnedBottomRowData]="pinnedBottomRowData"
[rowData]="rowData"
[pagination]="true"
>
</ag-grid-angular>
y lo que quiero es que en el Grid, se agregue dinamicamente los nombres de las keys de banks y que se muestre algo como esto