jeudi 8 juin 2017

Material UI selected prop is not working in TableRow

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