Table - Copy this React, Tailwind Component to your project

Generate a table for me having searching and sorting feature and checkbox to select rows and a filter icon which will open a modal on clicking on it and on clicking outside of the modal, the modal should get closed. for laptop screen show all coloumns, for tab screen show 5 coloumns and show the dropdown arrow which on being clicked shows the remaining in dropdownn and mobile screen show only 1 coloumn and show the dropdown arrow which on being clicked shows the remaining in dropdown, also keep the respective header in all screens of the respective feids which we are showing in table, total number of coloumns are 8. also make sure when i scroll down the table, the header and the search bar and the filter icon of the table remains sticky,