I set selected to true in TableRow, but checkbox is not checked. I hope checkbox is checked in a few rows I select when a page is rendered, and also want to know which row's checkbox is checked and if checkbox is checked, return true.
Here is my code.
<Table
selectable={true}
multiSelectable={true}
onRowSelection={this.handleRowSelected.bind(this)}
>
<TableHeader
enableSelectAll={true}
>
<TableRow>
<TableHeaderColumn>ID</TableHeaderColumn>
<TableHeaderColumn>Name</TableHeaderColumn>
<TableHeaderColumn>Brand</TableHeaderColumn>
</TableRow>
</TableHeader>
<TableBody
deselectOnClickaway={false}
showRowHover={true}
stripedRows={false}
>
{this.props.products.map((row, index) => {
return(
<TableRow
key={index}
selected={true}
>
<TableRowColumn>{row.id}</TableRowColumn>
<TableRowColumn>{row.name}</TableRowColumn>
<TableRowColumn>{row.brand}</TableRowColumn>
</TableRow>
)
})}
</TableBody>
</Table>
Aucun commentaire:
Enregistrer un commentaire