WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Responsive Tables - Scroll Only (6 posts)

  1. lowlight
    Member
    Posted 3 months ago #

    Hi, I just upgraded to TablePress after many years from WP Tables. Thanks for the great plugin that I have used all these years! I have sent some bitcoin your way BTW

    As for my problem, I like the ability to add responsive tables to the site, however the way it moves headings to the side kind of messes up my design. A lot of my tables have cells with multiple rows rather than just one, so they don't line up properly.

    You can see an example here. Feel free to resize the browser to see what it does.

    Is there a way to ONLY use the scrollbar feature? My reason for this is that I wouldn't have to edit my source code for each article with a table, adding scrolling divs.. A plugin extension is perfect for me.

    Thanks!

    https://wordpress.org/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 3 months ago #

    Hi,

    thanks for your post, and sorry for the trouble.

    If the Responsive Tables Extension is not what you want (it's not a perfect solution, I agree), how about simply using the "Horizontal Scrolling" feature that TablePress offers? Just click the corresponding checkbox on the "Edit" screen of the table.

    Regards,
    Tobias

    P.S.: Thanks for the donation, I really appreciate it!

  3. lowlight
    Member
    Posted 3 months ago #

    Hi, I thought about that, but I don't want to use javascript on my tables. I like to keep things running as lean as possible.

    I suppose I'll have to find another way then. I think I used a div with inline CSS to do it on particularly wide tables before.

    Thanks anyway!

  4. TobiasBg
    Member
    Plugin Author

    Posted 3 months ago #

    Hi,

    yes, that solution relies on JavaScript. If you don't want to use JS, you can use CSS scrolling, for which you will indeed need a wrapper <div> then, e.g.

    <div class="tablepress-scroll-wrapper">
    [table id=123 /]
    </div>

    and then "Custom CSS" like

    .tablepress-scroll-wrapper {
      overflow-x: auto;
      overflow-y: hidden;
    }

    Regards,
    Tobias

  5. lowlight
    Member
    Posted 3 months ago #

    Yes, that looks like the solution. Unfortunately I'd have to go back and edit hundreds of tables! Oh well, maybe for another day ;)

    Thanks for your support

  6. TobiasBg
    Member
    Plugin Author

    Posted 3 months ago #

    Hi,

    nope, you can have TablePress add it to all tables automatically. See http://wordpress.org/support/topic/very-good-plugin-but-i-miss-bootstrap-support for the necessary code (that uses a filter hook).

    Regards,
    Tobias

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.