I’ve developed a generic JavaScript library that can make any HTML table responsive for mobile screens without requiring additional effort. To use it, simply add the tableResponsive.js file to your master page or the specified page where you want to convert the table to a responsive format.
and its working, No need to extra css or any other library. No Need to change in Static Table Grid just add ID attribute in any div before the table [id="no-more-tables"]
| Item Number | Pizza Name | Item Size | Pizza Description | Action |
|---|---|---|---|---|
| 123001 | Onion Pizza | Large | Onion with Mozerlla Cheez | Edit | Details | Delete |
| 123002 | Onion Pizza | Medium | Onion with Mozerlla Cheez | Edit | Details | Delete |
| 123003 | Onion Pizza | Small | Onion with Mozerlla Cheez | Edit | Details | Delete |
| 123004 | Capiscum Pizza | Large | Capiscum, Onion with Mozerlla Cheez | Edit | Details | Delete |
| 123005 | Capiscum Pizza | Medium | Capiscum, Onion with Mozerlla Cheez | Edit | Details | Delete |
| 123006 | Capiscum Pizza | Small | Capiscum, Onion with Mozerlla Cheez | Edit | Details | Delete |
Before
After
