es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • ¿Cómo hago que esta tabla generada a medida sea editable? La hice utilizando Ag-grid react.

¿Cómo hago que esta tabla generada a medida sea editable? La hice utilizando Ag-grid react.

14 Jul, 2023 Programación

Necesitamos ingresar el tasador, la muestra y el número de pruebas. Una vez que hacemos clic en “crear tabla”, se genera una tabla según la entrada ingresada. El tasador es el número de tablas, la muestra es el número de columnas en cada tabla y la prueba es el número de filas en cada tabla. Tengo que hacer que las celdas de la tabla sean editables, que es donde me quedé atascado.
Encuentra el código funcional a continuación para entenderlo mejor:

También tengo que recopilar los datos ingresados en formato JSON. ¿Cómo lo hago?

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para hacer que las celdas de la tabla sean editables, debes establecer la propiedad “editable” en true en el objeto de definición de columna. Por ejemplo:

    {
  headerName: "Nombre de la columna",
  field: "campoDeColumna",
  editable: true
}

    Para recopilar los datos ingresados en formato JSON, puedes utilizar el método de la API de la grid “api.getDataAsJson()”. Puedes llamar a este método cada vez que necesites obtener el estado actual de los datos de la grid en formato JSON. Aquí tienes un ejemplo:

    const onButtonClick = () => {
  const jsonData = gridApi.getDataAsJson();
  console.log(jsonData);
}

    Esto mostrará los datos de la grid en formato JSON en la consola cuando se haga clic en el botón “Crear tabla”. Luego puedes usar estos datos en formato JSON para enviarlos a un servidor o almacenarlos localmente.

Comments are closed.