Demo of Make Tables Responsive

Example HTML code in your WordPress post/page:

        <th>Column A</th>
        <th>Column B</th>
        <th>Column C</th>
        <th>Column D</th>
        <th>Column E</th>
        <th>Column F</th>
        <td>Cell A1</td>
        <td>Cell B1</td>
        <td>Cell C1</td>
        <td>Cell D1</td>
        <td>Cell E1</td>
        <td>Cell F1</td>
        <td>Cell A2</td>
        <td>Cell B2</td>
        <td>Cell C2</td>
        <td>Cell D2</td>
        <td>Cell E2</td>
        <td>Cell F2</td>
        <td>Cell A3</td>
        <td>Cell B3</td>
        <td>Cell C3</td>
        <td>Cell D3</td>
        <td>Cell E3</td>
        <td>Cell F3</td>

Automatically becomes this responsive table:

Column A
Column B
Column C
Column D
Column E
Column F
Cell A1
Cell B1
Cell C1
Cell D1
Cell E1
Cell F1
Cell A2
Cell B2
Cell C2
Cell D2
Cell E2
Cell F2
Cell A3
Cell B3
Cell C3
Cell D3
Cell E3
Cell F3

Note: To see the responsive version you need to use a screen smaller than 651 pixels.

A non-responsive version of the same table (WITHOUT using the plugin) can be seen here.

And here you can see a simplified pure HTML and CSS responsive table example of the main concept to use in non-WordPress sites without the plugin.

Get Beyond Multisite - Premium WordPress Plugin