Html responsive data table

Question

Hi guys i need a little help for creating a simple Data table for around 800 items(products) with picture as shown in this link
https://codepen.io/nakome/pen/DnEvrbut
i don't want to write the same code again and again for each item.
It would be great if i can have this options,

1. Responsive search filter
2. Add, edit & remove button

If you can link me the code or a template i would appreciate it.

I m searching for this from so many months.

Thanks guys

Answer 1

If you want to achieve responsiveness without too much troubles, I suggest you use a framework (Bootstrap, Foundation, Materialize...etc). All you have to do is read the documentation and use the appropriate classes. This will make your coding life easier.

Answer 2

Imho the best solution is using JQuery and Datatables
Link: https://datatables.net

Answer 3

One more thing guys i want to use it offline

Answer 4

No problem at all, you can download both JQuery and Datatables js+css files, so you can use them directly in local instead of recalling them online.

https://code.jquery.com/
https://datatables.net/download/