| | |
| | | fontWeight: 'bold', |
| | | borderTop: '2px solid #e0e0e0', |
| | | }, |
| | | '& .RaDataTable-thead': { |
| | | backgroundColor: '#f5f5f5', |
| | | fontWeight: 'bold', |
| | | borderTop: '2px solid #e0e0e0', |
| | | }, |
| | | }; |
| | | |
| | | /** |
| | |
| | | |
| | | return ( |
| | | <DataTable {...props} foot={footerComponent} sx={tableStyles}> |
| | | {processedChildren} |
| | | {/* {processedChildren} */} |
| | | {processedChildren |
| | | .map((column) => ( |
| | | <DataTable.Col |
| | | key={column.key || column.props.source} |
| | | source={column.props.source} |
| | | label={column.props.label} |
| | | sx={column.props.sx} |
| | | > |
| | | {column} |
| | | </DataTable.Col> |
| | | )) |
| | | } |
| | | </DataTable> |
| | | ); |
| | | }; |