Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

87
Vistas
Cómo agregar información sobre herramientas a todas las columnas cargadas dinámicamente en la tabla de materiales

así que estoy usando React material Table en 70 componentes diferentes, así que fui y creé mi componente personalizado que contiene la tabla de materiales para que los accesorios compartidos estén en un solo lugar y los diferentes pasen como accesorios a través de mi componente customMaterialTable

en mis diferentes componentes donde estoy usando customMaterialTable comp. las columnas se ven así

 columns={[{ title: 'Internal CODE', field: 'mat_code', render: (rowData) => ( <Tooltip title={'Internal CODE'}> <p>{rowData.mat_code}</p> </Tooltip> ), }, { title: 'External CODE', field: 'external_mat_code', editable: 'never', }, { title: 'ENGLISH DESCRIPTION', field: 'descr_en', }]}

y en mi customMaterialComponent estoy pasando los accesorios a la Mateiral-Table original así

 columns={columns.map((column) => { return { ...column, cellStyle: { backgroundColor: column?.editable === 'never' ? 'rgba(235, 235, 228, 0.54)' : 'inherit', }, }; })}

y está funcionando muy bien, pero lo que quiero hacer es dar a todas las columnas una información sobre herramientas como en la primera.

 render: (rowData) => ( <Tooltip title={'Internal CODE'}> <p>{rowData.mat_code}</p> </Tooltip> ),

el problema es que si lo hago de esa manera, significa que tengo que hacerlo unas 300 veces en 300 lugares diferentes o más, tengo acceso al texto que estará en el título de la información sobre herramientas, pero no estoy seguro de cómo para representar el método de retorno:

 return { ...column, cellStyle: { backgroundColor: column?.editable === 'never' ? 'rgba(235, 235, 228, 0.54)' : 'inherit', }, }; }

dentro de él, cuando registro en la consola cada columna, todo lo que encontré es algo como esto:

 { "title": "External CODE", "field": "external_mat_code", "editable": "never" }

Creo que está más relacionado con la reacción que con la tabla de materiales.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda