{"action":"created","issue":{"url":"https://api.github.com/repos/IBM/carbon-components-react/issues/1329","repository_url":"https://api.github.com/repos/IBM/carbon-components-react","labels_url":"https://api.github.com/repos/IBM/carbon-components-react/issues/1329/labels{/name}","comments_url":"https://api.github.com/repos/IBM/carbon-components-react/issues/1329/comments","events_url":"https://api.github.com/repos/IBM/carbon-components-react/issues/1329/events","html_url":"https://github.com/IBM/carbon-components-react/issues/1329","id":361166701,"node_id":"MDU6SXNzdWUzNjExNjY3MDE=","number":1329,"title":"Performance Issues for DataTable","user":{"login":"yhjyang1","id":37994732,"node_id":"MDQ6VXNlcjM3OTk0NzMy","avatar_url":"https://avatars0.githubusercontent.com/u/37994732?v=4","gravatar_id":"","url":"https://api.github.com/users/yhjyang1","html_url":"https://github.com/yhjyang1","followers_url":"https://api.github.com/users/yhjyang1/followers","following_url":"https://api.github.com/users/yhjyang1/following{/other_user}","gists_url":"https://api.github.com/users/yhjyang1/gists{/gist_id}","starred_url":"https://api.github.com/users/yhjyang1/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yhjyang1/subscriptions","organizations_url":"https://api.github.com/users/yhjyang1/orgs","repos_url":"https://api.github.com/users/yhjyang1/repos","events_url":"https://api.github.com/users/yhjyang1/events{/privacy}","received_events_url":"https://api.github.com/users/yhjyang1/received_events","type":"User","site_admin":false},"labels":[{"id":757475886,"node_id":"MDU6TGFiZWw3NTc0NzU4ODY=","url":"https://api.github.com/repos/IBM/carbon-components-react/labels/type:%20discussion%20%F0%9F%92%AC","name":"type: discussion 💬","color":"FCCA6B","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2018-09-18T07:19:33Z","updated_at":"2018-09-20T07:42:20Z","closed_at":null,"author_association":"NONE","body":"## Title line template: [Title]: Brief description\r\nIf there are too many rows rendered in `DataTable`, displaying that many rows is causing the browser's rendering engine to slow down, so is there a way to improve the performance of `DataTable` when rendering large data?\r\n-->\r\n\r\n## Detailed description\r\n\r\n> Is this a feature request (new component, new icon), a bug, or a general issue?\r\n`Feature request`\r\n\r\n> Is this issue related to a specific component?\r\n\r\n> What did you expect to happen? What happened instead? What would you like to see changed?\r\nExpected:\r\nDisplaying a certain amount of data at a time，and updating the displaying data when the vertical scroll bar is scrolling.\r\n\r\n> What browser are you working in?\r\n\r\n> What version of the Carbon Design System are you using?\r\n`6.28.2`\r\n> What offering/product do you work on? Any pressing ship or release dates we should be aware of?\r\n\r\n## Steps to reproduce the issue\r\n\r\n<!--\r\nPlease try to re-create the issue using our Codesandbox template available here:\r\nhttps://codesandbox.io/s/x2mjypo6pp\r\n\r\nThis helps reduce the issue to an isolated case that helps us out when debugging.\r\nIf you're able to reproduce using the codesandbox link above, please include the\r\nlink in addition to the steps to reproduce. Thanks so much!\r\n-->\r\n\r\n<!-- [Codesandbox](<url>) -->\r\n\r\n1. Step one\r\n2. Step two\r\n3. Step three\r\n4. etc.\r\n\r\n## Additional information\r\n\r\n* Screenshots or code\r\n* Notes\r\n"},"comment":{"url":"https://api.github.com/repos/IBM/carbon-components-react/issues/comments/423075614","html_url":"https://github.com/IBM/carbon-components-react/issues/1329#issuecomment-423075614","issue_url":"https://api.github.com/repos/IBM/carbon-components-react/issues/1329","id":423075614,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMzA3NTYxNA==","user":{"login":"asudoh","id":1259051,"node_id":"MDQ6VXNlcjEyNTkwNTE=","avatar_url":"https://avatars1.githubusercontent.com/u/1259051?v=4","gravatar_id":"","url":"https://api.github.com/users/asudoh","html_url":"https://github.com/asudoh","followers_url":"https://api.github.com/users/asudoh/followers","following_url":"https://api.github.com/users/asudoh/following{/other_user}","gists_url":"https://api.github.com/users/asudoh/gists{/gist_id}","starred_url":"https://api.github.com/users/asudoh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/asudoh/subscriptions","organizations_url":"https://api.github.com/users/asudoh/orgs","repos_url":"https://api.github.com/users/asudoh/repos","events_url":"https://api.github.com/users/asudoh/events{/privacy}","received_events_url":"https://api.github.com/users/asudoh/received_events","type":"User","site_admin":false},"created_at":"2018-09-20T07:42:20Z","updated_at":"2018-09-20T07:42:20Z","author_association":"MEMBER","body":"@m7luffy You explained the problem 💯 - And our solution there is pagination, where you can limit the rows to be rendered (in `render`) based on the current page number and page size. The virtual scrolling solution @annfengcn brought up (https://github.com/schrodinger/fixed-data-table-2) is an interesting idea, but again it requires a UX discussion wrt (virtual) scrolling vs. paging."}}
{"actor":{"display_login":"asudoh"}}