- const { items, classes, working } = this.props;
- return <div className={classes.root}>
- <div className={classes.content}>
- <Table>
- <TableHead>
- <TableRow>
- {this.mapVisibleColumns(this.renderHeadCell)}
- </TableRow>
- </TableHead>
- <TableBody className={classes.tableBody}>
- { !working && items.map(this.renderBodyRow) }
- </TableBody>
- </Table>
- { !!working &&
- <div className={classes.loader}>
- <DataTableDefaultView
- icon={PendingIcon}
- messages={['Loading data, please wait.']} />
- </div> }
- {items.length === 0 && !working && this.renderNoItemsPlaceholder(this.props.columns)}
+ const { items, classes, working, columns } = this.props;
+ if (columns[0] !== checkBoxColumn) columns.unshift(checkBoxColumn);
+ return (
+ <div className={classes.root}>
+ <div className={classes.content}>
+ <Table>
+ <TableHead>
+ <TableRow>{this.mapVisibleColumns(this.renderHeadCell)}</TableRow>
+ </TableHead>
+ <TableBody className={classes.tableBody}>{!working && items.map(this.renderBodyRow)}</TableBody>
+ </Table>
+ {!!working && (
+ <div className={classes.loader}>
+ <DataTableDefaultView icon={PendingIcon} messages={['Loading data, please wait.']} />
+ </div>
+ )}
+ {items.length === 0 && !working && this.renderNoItemsPlaceholder(this.props.columns)}
+ </div>