Demo of Make Tables Responsive

Example HTML code in your WordPress post/page:

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

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.