A
Anonymous

Responsive React Table with Search, Sort, and Modal Filters

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 in each row in the table which on being clicked shows the remaining details of the row and mobile screen show only 1 coloumn and show the dropdown arrow in each row in the table which on being clicked shows the remaining details of the row , also keep the respective header in all screens of the respective feilds which we are showing in table and also make sure when i scroll down the table, the header and the search bar and the filter icon of the table remains sticky, dont show dropdown arrow in each row in laptop screen

Prompt
Component Preview

About

Create a dynamic, responsive table in React using Tailwind CSS featuring search, sorting, row selection, filter modal, and adaptive layouts for laptop, tablet, and mobile screens with sticky headers and expandable row details.

Share

Last updated 1 month ago