Need help? Check out our Support site, then


HTML Table has many columns, how to add horizontal scroll to view full table?

  1. Dear All,

    I am trying to add HTML Table which has atleast 8-10 columns, when i add it in post & preview it half the columns are not seen...!

    I want to add horizontal scroll in my post blog, so that any viewer can scroll in right & left & see the full table.

    How is this possible in Blog?

    Thanks for your response...

    The blog I need help with is autonxg.wordpress.com.

  2. Try this:

    <div style="white-space:pre;overflow:auto;width:500px;padding:10px;">
    CONTENT HERE
    <table style="width:900px;">
    <tr>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    </tr>
    etc………
    </table>
    </div>
  3. Dear 1tess,

    Thanks a lot... for such fast response... This will solve the issue of horizontal scroll in blog post...

  4. You are welcome.

    (Obviously you can change the widths I showed to match the width of your theme and your table—)

Topic Closed

This topic has been closed to new replies.

About this Topic