Primero, se solicitan algunos datos del servidor. Y luego quiero agregar algunos datos. No hay una identificación en el valor de los datos, pero el formulario debe mostrar el número de serie.
const columns: GridColDef[] = [ { field: 'id' , headerName: 'number', filterable: false, renderCell:(index:any) => `${index + 1}` }, { field: 'code' , headerName: ' code' }, { field: 'type' , headerName: ' type' }, ] <DataGrid rows={row} columns={columns} />Pero el índice es Nan. ¿Cómo genero un número de serie en cada línea de una tabla cuando agrego nuevos datos?
Puede usar el método renderCell, y su accesorio tiene una clave de identificación que es única para cada fila. Se vería algo como esto.
renderCell: (params) => { return (<h1> {'serial Number:', params.id} </h1>); }También puede usar el nanoid del paquete npm para generar una identificación única para cada fila.