Extend column with headerRender and configurable properties, apply these properties

[arvados-workbench2.git] / src / components / data-explorer / data-explorer.tsx

diff --git a/src/components/data-explorer/data-explorer.tsx b/src/components/data-explorer/data-explorer.tsx
index f24d344ce2b19285ca1c156b159d0039c29c8bb9..05c157f20869c930bd3b742c528b02d30835c5f7 100644 (file)
--- a/src/components/data-explorer/data-explorer.tsx
+++ b/src/components/data-explorer/data-explorer.tsx
@@ -29,8 +29,10 @@ class DataExplorer<T> extends React.Component<DataExplorerProps<T> & WithStyles<
                                 <TableHead>
                                     <TableRow>
                                         {
-                                            columns.filter(column => column.selected).map((column, index) => (
-                                                <TableCell key={index}>{column.header}</TableCell>
+                                            columns.filter(column => column.selected).map(({ header, renderHeader }, index) => (
+                                                <TableCell key={index}>
+                                                    {renderHeader ? renderHeader() : header}
+                                                </TableCell>
                                             ))
                                         }
                                     </TableRow>