<h2>Overview</h2>
BaseTable is a high-performance React table component tailored for handling large datasets with remarkable flexibility. Designed for developers, it offers a robust platform to display data efficiently, ensuring a smooth user experience. With its ability to support custom renderers and responsive designs, BaseTable stands out as a powerful tool to meet various table requirements.
<h2>Features</h2>
<ul>
<li>
Unique Key Requirement: Each column must include a unique key for proper functioning; otherwise, it may be ignored. By default, 'id' is used, but this can be customized via <code>rowKey</code>.
</li>
<li>
Flexible Width Configuration: The component allows you to set column widths flexibly. In flex mode, you can define <code>width={0}</code> and <code>flexGrow={1}</code> for adaptable column sizes.
</li>
<li>
Responsive Design with AutoResizer: To make the table responsive, the AutoResizer can be employed, enabling the table to fill its container dynamically.
</li>
<li>
Closure Problem Handling: BaseTable helps avoid common closure problems in custom renderers, ensuring that dynamic data updates are accurately reflected in the UI.
</li>
<li>
Browser Support: The component is tested across all modern browsers as well as Internet Explorer 11, although a polyfill for <code>Array.prototype.findIndex</code> is essential for IE compatibility.
</li>
<li>
Custom Styling Options: Developers have the flexibility to override default styles utilizing SCSS or opt for CSS-in-JS solutions, allowing tailored appearances for different applications.
</li>
<li>
Custom Renderers and Props: BaseTable supports various flexible props like <code>xxxRenderer</code> and <code>xxxProps</code> to aid in crafting personalized table components, enhancing its usability even further.
</li>
</ul>

Autodesk

React Base Table