Quantcast
Channel: Active questions tagged html - Stack Overflow
Viewing all articles
Browse latest Browse all 67556

wrap material ui Table inside div

$
0
0
render () {
    const { classes, intl, userFormData } = this.props
    const { open, usersList, isSomeFilterSelected, selected } = this.state
    return (
      <div className={classes.root}>
        <div className={classes.container}>
          <Paper className={classes.table}>
            {selected.length === 0 ? <div
              className={classNames(classes.buttons, isSomeFilterSelected ? classes.filterSelected : classes.filterAreNotSelected)}>
              {isSomeFilterSelected ? <div onClick={this.onClearFilters}>
                <Button className={classes.button}>
                  {intl.formatMessage(messages.clear)}
                  <DeleteIcon className={classes.rightIcon}/>
                </Button>
              </div> : null}
              <UserTableFilterForm
                onSubmit={this.onHandleSubmit}
                open={open}
                handleOpenStateClose={this.onHandleOpenFilters}
                handleOpenStateOpen={this.onHandleCloseFilters}
                switcher={userFormData['switchField'] ? userFormData['switchField'] : false}
              />
            </div> : null}
            {selected.length !== 0 ? <TableToolbar
              numSelected={selected.length}
              handleOnDeleteAction={this.onHandleDeleteSelectedUsers}
            /> : null}
            <Table>
              <TableHead
                onSelectAllClick={this.onSelectAllUsersFromTableForDelete}
                numSelected={selected.length}
                rowCount={usersList.length}
              />
              <TableBody
                {...this.state}
                onHandleSelected={this.onHandleSelected}
                isSelected={this.isSelected}
              />
            </Table>
            <TableFooter
              {...this.state}
              onHandlePageParameter={this.onHandlePageParameter}
              onHandleChangeRowsPerPage={this.onHandleChangeRowsPerPage}
            />
          </Paper>
        </div>
      </div>
    )
  }

Above you can see my code , below you can see the error which occur when I load this page , I want to wrap table inside div , but can't find how to solve it , pls help , and I tried to find in which parent can occur Table and td , but haven't found also

Warning: validateDOMNesting(...): cannot appear as a child of . in td (created by Context.Consumer) in TableCell (created by WithStyles(TableCell)) in WithStyles(TableCell) (created by TablePagination) in TablePagination (created by WithStyles(TablePagination)) in WithStyles(TablePagination) (created by TableFooter) in TableFooter (created by WithStyles(TableFooter)) in WithStyles(TableFooter) (created by InjectIntl(WithStyles(TableFooter))) in InjectIntl(WithStyles(TableFooter)) (created by UsersPage) in div (created by Paper) in Paper (created by WithStyles(Paper)) in WithStyles(Paper) (created by mapProps(WithStyles(Paper))) in mapProps(WithStyles(Paper)) (created by WithStyles(mapProps(WithStyles(Paper)))) in WithStyles(mapProps(WithStyles(Paper))) (created by UsersPage) in div (created by UsersPage) in div (created by UsersPage) in UsersPage (created by Connect(UsersPage)) in Connect(UsersPage) (created by WithStyles(Connect(UsersPage))) in WithStyles(Connect(UsersPage)) (created by InjectIntl(WithStyles(Connect(UsersPage)))) in InjectIntl(WithStyles(Connect(UsersPage))) (created by UniversalComponent) in UniversalComponent (created by Route) in div (created by MainLayout) in div (created by MainLayout) in div (created by MainLayout) in div (created by MainLayout) in MainLayout (created by WithStyles(MainLayout)) in WithStyles(MainLayout) (created by Route) in Route (created by PageRoute) in PageRoute (created by _default) in Switch (created by _default) in _default (created by Application) in IntlProvider (created by Connect(IntlProvider)) in Connect(IntlProvider) (created by Application) in Application (created by Connect(Application)) in Connect(Application) in MuiThemeProviderOld in JssProvider in Router (created by ConnectedRouter) in ConnectedRouter (created by Connect(ConnectedRouter)) in Connect(ConnectedRouter) in Provider


Viewing all articles
Browse latest Browse all 67556

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>