Estoy creando una tabla que se puede exportar usando React Material Table. Tengo una columna con un ícono de material, pero no se muestra en la exportación, así que di como resultado una representación condicional, estoy ocultando la columna con el ícono en la exportación con export: true
y mostrando el texto real en una columna diferente para ser se muestra en la exportación para la exportación. He usado la propiedad hidden: true
pero el contenido de mi exportación no se muestra. ¿Las propiedades ocultas y la exportación funcionan juntas? Cualquier consejo sobre mejores enfoques que pueda usar será apreciado. Gracias
Aquí está mi código:
const columns = [ { field: '', title: 'Variance', render: (list) => { if(list.objectives.overallStatus === 'COMPLETE' || list.objectives.overallStatus === 'Complete') { return (<FiberManualRecord style={{color : '#29A15B'}} />) } else if(list.objectives.overallStatus === 'INCOMPLETE' || list.objectives.overallStatus === 'Incomplete' || list.objectives.overallStatus === null ) { return (<FiberManualRecord style={{color : '#F44336'}}/>) } } }, { field: 'var', title: 'Variance', export: true, hidden: true } ] <MaterialTable title="Strategic Objective Reports." data={items} columns={columns} options={{ search: true, sorting: true, pageSize: 10, pageSizeOptions: [10,50,100 ], exportButton: true }}