onSortToggle: (column: DataColumn<T>) => void;
onFiltersChange: (filters: DataTableFilterItem[], column: DataColumn<T>) => void;
extractKey?: (item: T) => React.Key;
+ defaultView?: React.ReactNode;
}
- type CssRules = "tableBody" | "tableContainer" | "noItemsInfo" | 'tableCell';
-type CssRules = "tableBody" | "root" | "content" | "noItemsInfo";
++type CssRules = "tableBody" | "root" | "content" | "noItemsInfo" | 'tableCell';
const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
- tableContainer: {
+ root: {
overflowX: 'auto',
overflowY: 'hidden'
},
key={extractKey ? extractKey(item) : index}
onClick={event => onRowClick && onRowClick(event, item)}
onContextMenu={this.handleRowContextMenu(item)}
- onDoubleClick={event => onRowDoubleClick && onRowDoubleClick(event, item) }>
+ onDoubleClick={event => onRowDoubleClick && onRowDoubleClick(event, item)}>
{this.mapVisibleColumns((column, index) => (
- <TableCell key={column.key || index}>
+ <TableCell key={column.key || index} className={classes.tableCell}>
{column.render(item)}
</TableCell>
))}