Data Grid - Copy this React, Tailwind Component to your project

Component to display, sort, filter JSON data in grid format. above grid I need a search box to search from the JSON data and auto filter the grid. Once I start typing it should start filtering. grid should allow me export the data to excel and pdf format. Grid should support alpha numeric filter and sort. header should fix always. for overload data in column use slider at bottom. I also need pagination facility with text box to chose how much rows per page. if rows are more than screen area show vertical scroll bar as well. The complete data grid should be responsive for mobile, ipad and large screens. grid should offer edit facility so I click on any cell it should covert to edit mode and once user type and finally hit enter key or press enter button at the end of the row it should update the json. this data grid should support color based on conditions. If user want he should be able to clear the field by hitting on delete button. I only need two variations so focus on complete working codes