Necesitamos ingresar el tasador, la muestra y el número de prueba. Una vez que hacemos clic en "crear tabla", se genera una tabla de acuerdo con la entrada ingresada. Tasador es el número de tablas, muestra es el número de columnas en cada tabla, juicio es el número de filas en cada tabla. Tengo que hacer que las celdas de la tabla sean editables, que es donde estoy atascado. Encuentre el código de trabajo a continuación para comprenderlo mejorhttps://codesandbox.io/s/github/nehav9311/react-ag-grid-updated
También tengo que recopilar los datos ingresados en formato json. ¿Cómo puedo hacer eso?
Hay una opción para ag-grid reaccionar para cambiar cada celda de una columna a un componente que, por ejemplo, admita la edición en su situación. la respuesta completa está disponible aquí en el documental de reacción de ag-grid. para describir un poco: hay un atributo frameworkComponents para el elemento AgGridReact donde puede agregar los componentes que desea usar en lugar de una celda normal y luego puede establecer el atributo cellEditor en el elemento AgGridColumn para su componente personalizado.
Según mi conocimiento y experiencia con Ag-grid react, solo tiene que modificar la propiedad de su celda como se indica a continuación como:
const dataMapp = RowcountArr.map((v) => ({ field: v, editable: function (params) { return params.node.data; } }));para obtener más detalles, puede consultar la edición de celdas brevemente del componente ag-grid-react .
¡Espero que funcione para ti! Gracias.