Table of items. The preferred method of populating rows in the Table is to use TableRows inside a child <tbody> element. Callers can also specify a TableHeader if a header is needed.

NameNote
Alanplays accordion
Tracytravels the world

Table Properties

onMore {function}
Function that will be called when more data is needed. When this callback is provided, it is an indication that more data could be added if the user scrolls to the bottom of the table. When present, Table will add a spinner to the bottom of the table and listen for the user scrolling down such that it becomes visible. When the user scrolls to the bottom, this callback will be called. The expectation is that the the caller will add the next chunk of data into the table.
onSelect {function (selected)}
Function that will be called when the user selects something. When only one item is selected, it returns the zero based index for that item. When multiple items are selected, it returns an array of those item's zero based indexes.
responsive true|false
Whether rows should be switched to a column layout when the display area narrows. Defaults to true.
scrollable true|false
selectable true|false|multiple
Whether rows are selectable. multiple indicates that multiple rows may be selected
selected {number}|[{number}, ...]
The currently selected item(s) using a zero based index.

TableRow Properties

onClick {function}
Called when the user clicks on the row. Callers should bind an identifier to the function to distinguish between multiple rows. For example onClick={this._onClick.bind(this, id)}