I recently found this great bit of code for creating responsive data tables. We are using it on this webpage to display the chart below. Simply drag your browser window smaller to see how it responds. We were also pleased that it works in the latest version of WordPress without any tweaking or modification.
| Incandescent / Halogen | Mercury / Vapour | Metal Halide | High Pressure Sodium | CFL | LED |
|---|---|---|---|---|---|
| 40-60 | 15-25 | 5-15 | 5-15 | 12-15 | 5-8 |
| 60-75 | 25-35 | 15-25 | 15-25 | 18-23 | 7-10 |
| 75-100 | 25-45 | 20-35 | 20-35 | 18-23 | 10-15 |
| 100-150 | 50-60 | 25-40 | 25-40 | 23-35 | 15-20 |