- renderHeadCell = (column: DataColumn<T>, index: number) => {
- const { name, key, renderHeader, filters, sortDirection } = column;
- const { onSortToggle, onFiltersChange } = this.props;
- return <TableCell key={key || index}>
- {renderHeader ?
- renderHeader() :
- filters
- ? <DataTableFilters
- name={`${name} filters`}
- onChange={filters =>
- onFiltersChange &&
- onFiltersChange(filters, column)}
- filters={filters}>
- {name}
- </DataTableFilters>
- : sortDirection
- ? <TableSortLabel
- active={sortDirection !== "none"}
- direction={sortDirection !== "none" ? sortDirection : undefined}
- onClick={() =>
- onSortToggle &&
- onSortToggle(column)}>
- {name}
- </TableSortLabel>
- : <span>
+ renderHeadCell = (column: DataColumn<T>, index: number) => {
+ const { name, key, renderHeader, filters, sortDirection } = column;
+ const { onSortToggle, onFiltersChange } = this.props;
+ return <TableCell key={key || index} style={{ width: column.width, minWidth: column.width }}>
+ {renderHeader ?
+ renderHeader() :
+ filters
+ ? <DataTableFilters
+ name={`${name} filters`}
+ onChange={filters =>
+ onFiltersChange &&
+ onFiltersChange(filters, column)}
+ filters={filters}>