echo "<div class='table-responsive'><table width='100%' cellspacing='0' cellpadding='0' class='table tbl-brdr3'>\n"; ...my code... echo "</table></div>\n";
Image below shows no obvious change on full width screen:
Image below shows a functioning scroll bar below the responsive table:
This won't work on phones because android does not do side to side scrolling.
Image below shows a different script section where inner tables are side by side (2 column display); no scroll bar until screen width is lowered to about 429:
On this screen I need to learn how to make the inner tables stack vertically. I hope this all makes sense guys.
You can see all of this on my website by clicking Ebook Library on the side nav.