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}
When this callback is provided, it is an indication that more data could be added if the user scrolls to the bottom. When present, a spinner will be added to the bottom and this callback will be called when the user scrolls to reveal the spinner. The expectation is that the the caller will add the next chunk of data at that point.
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)}