{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/4315","repository_url":"https://api.github.com/repos/callemall/material-ui","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/4315/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/4315/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/4315/events","html_url":"https://github.com/callemall/material-ui/issues/4315","id":156115482,"number":4315,"title":"Table broken when using components for TableRow","user":{"login":"Rhywden","id":84586,"avatar_url":"https://avatars.githubusercontent.com/u/84586?v=3","gravatar_id":"","url":"https://api.github.com/users/Rhywden","html_url":"https://github.com/Rhywden","followers_url":"https://api.github.com/users/Rhywden/followers","following_url":"https://api.github.com/users/Rhywden/following{/other_user}","gists_url":"https://api.github.com/users/Rhywden/gists{/gist_id}","starred_url":"https://api.github.com/users/Rhywden/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Rhywden/subscriptions","organizations_url":"https://api.github.com/users/Rhywden/orgs","repos_url":"https://api.github.com/users/Rhywden/repos","events_url":"https://api.github.com/users/Rhywden/events{/privacy}","received_events_url":"https://api.github.com/users/Rhywden/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-05-21T18:32:46Z","updated_at":"2016-06-01T00:21:14Z","closed_at":null,"body":"I'm getting the data to display in my table dynamically. This means that sometimes just *one* row might change and thus I thought it best to compartmentalize the data to prevent it from re-rendering the whole table when merely one thing changes.\r\n\r\nBasically, the whole thing looks like this - I abbreviated the whole thing a bit for clarity\r\n\r\n    <Table multiSelectable={true}>\r\n            <TableHeader>\r\n                <TableRow>\r\n                    <TableHeaderColumn>Username</TableHeaderColumn>\r\n                    <TableHeaderColumn>E-Mail</TableHeaderColumn>\r\n                </TableRow>\r\n            </TableHeader>\r\n            <TableBody>\r\n                <TableRow>\r\n                    <TableRowColumn>1</TableRowColumn>\r\n                    <TableRowColumn>2</TableRowColumn>\r\n                </TableRow>\r\n                {users.map((user) => {\r\n                    return (\r\n                            <UserRow user={user} key={user._id}/>\r\n                        );\r\n                })}\r\n            </TableBody>\r\n        </Table>\r\n\r\nwith UserRow being defined thus:\r\n\r\n    <TableRow>\r\n        <TableRowColumn>{user.username}</TableRowColumn>\r\n        <TableRowColumn>{user.email}</TableRowColumn>\r\n    </TableRow>\r\n\r\nI put in the non-dynamic TableRow so you can immediately see in the screenshot where the problem lies (all data you see there is created by \"casual\", i.e. random names, no real ones)\r\n\r\n![image](https://cloud.githubusercontent.com/assets/84586/15450102/c79551f8-1f92-11e6-8c6d-6eb66b5ba3ac.png)\r\n\r\nAs you can see, the checkbox for selecting the row promptly disappears. If I pull in the external component into the users.map, then everything works as it should.\r\n\r\n### Versions\r\n\r\n- Material-UI: 0.15.0\r\n- React: 15.0.1\r\n- Browser: Firefox, Chrome, Edge\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/222859501","html_url":"https://github.com/callemall/material-ui/issues/4315#issuecomment-222859501","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/4315","id":222859501,"user":{"login":"mbrookes","id":357702,"avatar_url":"https://avatars.githubusercontent.com/u/357702?v=3","gravatar_id":"","url":"https://api.github.com/users/mbrookes","html_url":"https://github.com/mbrookes","followers_url":"https://api.github.com/users/mbrookes/followers","following_url":"https://api.github.com/users/mbrookes/following{/other_user}","gists_url":"https://api.github.com/users/mbrookes/gists{/gist_id}","starred_url":"https://api.github.com/users/mbrookes/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mbrookes/subscriptions","organizations_url":"https://api.github.com/users/mbrookes/orgs","repos_url":"https://api.github.com/users/mbrookes/repos","events_url":"https://api.github.com/users/mbrookes/events{/privacy}","received_events_url":"https://api.github.com/users/mbrookes/received_events","type":"User","site_admin":false},"created_at":"2016-06-01T00:21:14Z","updated_at":"2016-06-01T00:21:14Z","body":"@ajsharp:\r\n\r\n![image](https://cloud.githubusercontent.com/assets/357702/15694599/1bd88544-2797-11e6-9870-30cc665d7f4e.png)\r\n\r\n"}}
{"actor":{"display_login":"mbrookes"}}