Feature Rich 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 small 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 big 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