{"repo":"Autodesk/react-base-table","free":true,"listed":false,"github":"https://github.com/Autodesk/react-base-table","clone":"git clone https://github.com/Autodesk/react-base-table.git","description":"A react table component to display large datasets with high performance and flexibility","language":"TypeScript","stars":1536,"topics":["react","table","component","grid","virtualized"],"license":"MIT","category":"ui-components","readme_excerpt":"react-base-table BaseTable is a react table component to display large datasets with high performance and flexibility Install Usage Note: You must import the stylesheet for BaseTable to render correctly. For advanced styling see below. Learn more at the website unique key key is required for column definition or the column will be ignored Make sure each item in data is unique by a key, the default key is id , you can customize it via rowKey size width is required for column definition, but in flex mode( fixed={false} ), you can set width={0} and flexGrow={1} to achieve flexible column width, checkout the Flex Column example width and height (or maxHeight ) are required to display the table properly In the examples we are using a wrapper const Table = props = to do that If you want it responsive, you can use the AutoResizer to make the table fill the container, checkout the Auto Resize example closure problem in custom renderers In practice we tend to write inline functions for custom renderers, which would make shouldUpdateComponent always true as the inline function will create a new instance on every re-render, to avoid \"unnecessary\" re-renders, BaseTable ignores functions when comparing column definition by default , it works well in most cases before, but if we use external data instead of reference state in custom renderers, we always get the staled initial value although the data has changed It's recommended to inject the external data in column definition to solve the ","default_branch":null,"files":null,"tree":[],"storefront":"/r/Autodesk","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Autodesk/react-base-table/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}