Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

88
Visualizações
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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda