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.