Smudge Modules and templates
Responsive tables
- This, ideally should be used for tables that do not fit on mobile. The media query is set to
max-width:991px - The style and js code is embeded on the page template (responsive-tables.php)
- Please make sure the table has a
thorclass="th">
Table using <table>
| Account reference No | Overall balance | Loan balance | Arrears balance |
|---|---|---|---|
| 61232166679019 | R160,000.00 | R160,000.00 | R0.00 |
| 51568425736987 | R60,000.00 | R260,000.00 | R0.00 |
| 51056842073692 | R100,000.00 | R60,000.00 | R0.00 |
Table using <div class="table">
Product code
Product description
Weight (kg)
GB727PT
Solid Gypsum Board 7mmx1200x2700mm
17.01
GB730PT
Solid Gypsum Board 7mmx1200x3000mm
18.09
GB27FP
Solid Gypsum Board 9mmx1200x2700mm
23
GB30FP
Solid Gypsum Board 9mmx1200x3000mm
25
Responsive table that turns into a vertical accordion using <div class="table">
Product code
Product description
Weight (kg)
GB727PT
Solid Gypsum Board 7mmx1200x2700mm
17.01
GB730PT
Solid Gypsum Board 7mmx1200x3000mm
18.09
GB27FP
Solid Gypsum Board 9mmx1200x2700mm
23
GB30FP
Solid Gypsum Board 9mmx1200x3000mm
25