Seeking resources for implementing column filter icon and dropdown menu for sorting and filtering in React-Table

[Hasham-dev]

Hello,

I am currently in the process of building an application that utilizes the react-table library. However, I am having difficulty finding resources on how to implement a specific feature that I am looking to include in the table.

The feature I am trying to implement is the ability to filter and sort the table data using a column filter icon and an associated dropdown menu. Specifically, I want to include an icon next to each column header in the table, and when clicked, it would open a dropdown menu that allows users to filter and sort the data based on that column.

I am looking for a similar look and functionality as the MUI filter dropdown and have been searching for examples, documentation, or other resources that could assist me in achieving this. However, I have not been successful in finding a reliable resource that fully explains how to implement this type of UI using react-table.

If anyone has any recommendations for examples, documentation, or other resources that could assist me in achieving this, it would be greatly appreciated. Thank you in advance.