{"action":"created","issue":{"url":"https://api.github.com/repos/glittershark/reactable/issues/288","repository_url":"https://api.github.com/repos/glittershark/reactable","labels_url":"https://api.github.com/repos/glittershark/reactable/issues/288/labels{/name}","comments_url":"https://api.github.com/repos/glittershark/reactable/issues/288/comments","events_url":"https://api.github.com/repos/glittershark/reactable/issues/288/events","html_url":"https://github.com/glittershark/reactable/issues/288","id":160809648,"number":288,"title":"Rendering custom children with iteration.","user":{"login":"ktstowell","id":1407046,"avatar_url":"https://avatars.githubusercontent.com/u/1407046?v=3","gravatar_id":"","url":"https://api.github.com/users/ktstowell","html_url":"https://github.com/ktstowell","followers_url":"https://api.github.com/users/ktstowell/followers","following_url":"https://api.github.com/users/ktstowell/following{/other_user}","gists_url":"https://api.github.com/users/ktstowell/gists{/gist_id}","starred_url":"https://api.github.com/users/ktstowell/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ktstowell/subscriptions","organizations_url":"https://api.github.com/users/ktstowell/orgs","repos_url":"https://api.github.com/users/ktstowell/repos","events_url":"https://api.github.com/users/ktstowell/events{/privacy}","received_events_url":"https://api.github.com/users/ktstowell/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-06-17T04:23:46Z","updated_at":"2016-06-17T14:25:02Z","closed_at":null,"body":"Maybe I'm completely missing something but I'm not seeing how I would provide custom markup for my `<Td>`'s when I don't know what the values are of each row/column intersection.\r\n\r\nSomething like will work but will render in addition to the ones Reactable automatically generates.\r\n\r\n```\r\n{this.state.data.map(function(row, idx) {\r\n          return (\r\n            <Tr key={'Tr-'+idx}>\r\n              {self.state.columns.map(function(column, cidx) {\r\n                return (\r\n                  <Td column={column.key} data={row[column.key]} key={'Td-'+idx+'-'+'cidx'}>\r\n                  // so if my server data has 20 rows, 40 will be printed is what I mean by 'additionally'\r\n                  </Td> )\r\n              })}\r\n            </Tr>\r\n          )\r\n        })}\r\n```\r\n\r\nWith the following, how do I know what my data will be?\r\n\r\n```\r\n<Tr>\r\n <Td column=\"?\" data=\"?\">\r\n</Tr>\r\n```\r\n\r\nAnd for what it's worth, if I even provide my own hard-coded rows it still prints below in addition to everything passed to the table initially. Here's my whole table in case that didn't make sense:\r\n\r\n```\r\n<Table data={this.state.data} \r\n        itemsPerPage={this.state.pagination.enabled && this.state.pagination.size}\r\n        pageButtonLimit={this.state.pagination.enabled && this.state.pagination.counter}\r\n        currentPage={this.state.pagination.page}\r\n        sortable={this.state.sortable}\r\n        noDataText={this.state.noDataText}                          \r\n        className=\"table\">\r\n        <Thead>\r\n          {this.state.columns.map(function(column, idx) {\r\n            return (<Th column={column.key} key={'TH-'+idx}>{column.label}</Th>)\r\n          })}\r\n        </Thead>\r\n        \r\n        {this.state.data.map(function(row, idx) {\r\n          return (\r\n            <Tr key={'Tr-'+idx}>\r\n              {self.state.columns.map(function(column, cidx) {\r\n                return (\r\n                  <Td column={column.key} data={row[column.key]} key={'Td-'+idx+'-'+'cidx'}></Td> )\r\n              })}\r\n            </Tr>\r\n          )\r\n        })}\r\n      </Table>\r\n```\r\n\r\nKind of new to react so I don't know if it's just that my implementation is poor or not.\r\n\r\nAny Help/Examples is appreciated."},"comment":{"url":"https://api.github.com/repos/glittershark/reactable/issues/comments/226782940","html_url":"https://github.com/glittershark/reactable/issues/288#issuecomment-226782940","issue_url":"https://api.github.com/repos/glittershark/reactable/issues/288","id":226782940,"user":{"login":"glittershark","id":1481027,"avatar_url":"https://avatars.githubusercontent.com/u/1481027?v=3","gravatar_id":"","url":"https://api.github.com/users/glittershark","html_url":"https://github.com/glittershark","followers_url":"https://api.github.com/users/glittershark/followers","following_url":"https://api.github.com/users/glittershark/following{/other_user}","gists_url":"https://api.github.com/users/glittershark/gists{/gist_id}","starred_url":"https://api.github.com/users/glittershark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/glittershark/subscriptions","organizations_url":"https://api.github.com/users/glittershark/orgs","repos_url":"https://api.github.com/users/glittershark/repos","events_url":"https://api.github.com/users/glittershark/events{/privacy}","received_events_url":"https://api.github.com/users/glittershark/received_events","type":"User","site_admin":false},"created_at":"2016-06-17T14:25:02Z","updated_at":"2016-06-17T14:25:02Z","body":"If you're rendering custom Trs, just don't pass `data` to the table. "}}
{"actor":{"display_login":"glittershark"}}