A
Anonymous

Responsive Searchable and Sortable Table with Sticky Header

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

Prompt
Component Preview

About

Create a dynamic, responsive table in React using Tailwind CSS featuring search, sorting, row selection, filter modal, and sticky header for seamless user experience across devices.

Share

Last updated 1 month ago