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. On mobile screen show only 1 col of name and checkbox and dropdown arrow which on clicking to show the remaining details of the row and on laptop screen remove the dropdown feature, just show all the coloumns, 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, for laptop screen show all coloumns, for tab screen show 5 coloumns and remaining dropdown and mobile screen show only 1 coloumn and remaining in dropdown, also keep the respective header in all screens of the respective feids which we are showing in table