tableRow can not choose, if using setState in onRowSelection

[stephenkingsley]

Problem Description

Versions

• Material-UI:
• React:
• Browser:

[juliengroch]

Hi,

I have exactly the same issue 👎

[nathanmarks]

The issue description here is a real winner.

[juliengroch]

I see my problem, i have a bad code beetween setState (call new rendering cycle) and render

[caio-ribeiro-pereira]

I'm in the same issue :(

[stephenkingsley]

i think mui V15 has this issue, mui V14.0.4 is right.

[zo-chu]

Is there a solution to this problem? if i call setState in onRowSelected it stops from showing me selected rows with highlight but row numbers appear in console correctly. (this state setting shouldnt couse rerendering , i jast pass it to another component) Thanks.

[killroy42]

I have the same problem. Why is this closed? In my case the selection updates state which should update another component. The selection never is visualized in the table.

[hitlxc]

It seems that the bug has been fixed in the latest version .I solved this problem by 'npm install material-ui'

[hayesmaker]

this is still broken in 0.18.1

[niron1]

there is an issue with material-ui's table "forgetting" its checked status each render.
to overcome this problem you can specifically set the checked state in the map function like so:

            <TableRow key={index}
              selected={this.state.selectedRows.indexOf(index) !== -1}>
            </TableRow>

now that you maintain the checked status yourself you should have something like

  onRowSelection(selectedRows) {
    this.setState({ selectedRows });
  }

and

      <Table
        onRowSelection={this.onRowSelection}

and

  constructor(props) {
    super(props);
    this.onRowSelection = this.onRowSelection.bind(this);
  }