Pagination

[UmerIftikhar]

Hi Ben,

Is there a way to add pagination using material ui.
Since, the official docs does not list pagination in the Table documentation.
And is this https://material-ui-next.com/api/table-pagination/ also material ui???
And is it save to use it?

[benawad]

I think the link is still in beta, I would wait until it's released to use it. I think it's possible to add pagination

[UmerIftikhar]

Well, I guess its possible to add in the current version as well.
You might have come across this https://github.com/mui-org/material-ui/issues/1511.
mui/material-ui#1511

By adding some thing like this:

`<Table
height={this.state.height}
fixedHeader={this.state.fixedHeader}
fixedFooter={this.state.fixedFooter}
selectable={false}
multiSelectable={false}

<TableHeader displaySelectAll={false} adjustForCheckbox={false}>
  <TableRow>
	{this.tableData ? Object.keys(this.tableData[0]).map((key, idx) => (
	  <TableHeaderColumn>{Utils.toHeaderCase(key)}</TableHeaderColumn>
	))
	  : ''}
  </TableRow>
</TableHeader>
<TableBody
  deselectOnClickaway={this.state.deselectOnClickaway}
  displayRowCheckbox={false}
  showRowHover={this.state.showRowHover}
  stripedRows={this.state.stripedRows}
>
  {this.tableData ? this.tableData.map((row, index) => (
	<TableRow key={index} selected={row.selected}>
	  {Object.keys(row).map((prop, ind) => (
		<TableRowColumn>{row[prop]}</TableRowColumn>
	  ))
	  }
	</TableRow>
  )) : ''}
</TableBody>
<TableFooter>
  <TableRow>
	<TableRowColumn style={styles.footerContent}>
	  <IconButton onClick={() => this.getPreviousPage()} disabled={!(this.props.pagination.hasOwnProperty('prev'))}>
		<ChevronLeft/>
	  </IconButton>
	  <IconButton onClick={() => this.getNextPage()} disabled={!(this.props.pagination.hasOwnProperty('next'))}>
		<ChevronRight/>
	  </IconButton>
	</TableRowColumn>
	<TableRowColumn style={styles.footerText} />
  </TableRow>
</TableFooter>

`

[benawad]

yeah