front-end-tables-sort-filter-paginate/

[utterances-bot]

Front End Tables: Sorting, Filtering, and Pagination | Tania Rascia

One thing I've had to do at every job I've had is implement a table on the front end of an application that has sorting, filtering, and…

https://www.taniarascia.com/front-end-tables-sort-filter-paginate/

[dev-alamin]

Great article Mam. You are doing really well.

I have learned so many things specially from the PHP curd article. Do you have any plan to write further article on PHP & MySQL?

[ramsesgarate]

Excellent article, I really had always sought something like this and I had not found it, I will try to apply this example with Vue.

[manuelvegadev]

Nice

[sito8943]

So good, I was receiving some errors from react because I was typing table tags like html, td, tr, th, etc, I realiced on this code that I should to use tbody, thead

[nisancigokmen]

:D wowwww

[wridgeu]

Very well written and explained, loved it! Keep it up! :)

[kishoreandra]

Great article :) ...

[nikitasaboo3]

"Clear All" button in the demo fails to clear the filter inputs . Changing from value={filters[column.accessor]} to value={filters[column.accessor]|| ''} should do the trick.

PS: Excellent exercise, I loved working on all the sorts for different types.

[GeorgiNedyalkov]

Hello, Tanya.

Excellent article, I love your work. May I ask you a question?

I am creating a web scraping app that scrapes real estate property prices data and displays all the data in a table exactly similar to this one. I believe I may receive anywhere from 100 to 5,000 properties and save them in a database. I have tried implementing a solution in the front end using but my code gets big and complex for me - too many states and filter logic (newbie here). Would you recommend implementing the filtering logic in the backend or should I think of a better way to manage state in the frontend?

Thank you for your awesome articles. I have learned a ton! ☀

[NevilDouglas]

Thank you very much Tanya; incredibly useful!

Question though; how would I approach the same situation, where your row data also contained some images (next to all your data)? ***Update; solved.

[inezabonte]

harder, better, faster, stronger.

Love the Daft Punk reference ⭐️

[osama00001]

can we add some code to that blog? (pagination using buttons also). I have implemented that functionality, so I wish I can also contribute on this article. By the way well explained.