Why use `useTable` over `ReactTable` when using react-table Why use `useTable` over `ReactTable` when using react-table reactjs reactjs

Why use `useTable` over `ReactTable` when using react-table


react-table v7 is a "headless" UI library which means that it provides only the backend table functionality, and it requires you to implement the rendering of the table with your own React components.

This means that you can apply the backend table code to whichever style of table you want (e.g. Bootstrap, Material UI, vanilla HTML etc.) and you get precise control of where to hook-up this library to the UI.

Most table libraries (including react-table pre v7!) have predefined functionality and behaviours which might not be suitable for you in certain cases; however when using react-table v7 you would be able to cater for these situations by implementing your own UI code and then hooking it up to your react-table hook code.