WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] Adding Responsive Layout CSS and JS to Tables (4 posts)

  1. cougarcat
    Member
    Posted 1 year ago #

    Hi, i found some great code from this site and would like to use it to style my tables. It works by adding the class .responsive to any table. How can I add that class to one of the tables I create with WP-Table Reloaded?

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    adding the class is very easy: Just add "responsive" to the "Extra CSS classes" field on the "Edit" screen of the table.

    Additionally, you will of course need to load the JS and CSS files from that site into your page with the table. A good plugin to use for that is the "HiFi plugin" from http://wordpress.org/extend/plugins/hifi/
    Also, you will likely need to uncheck the "Use Default CSS" checkbox on the WP-Table Reloaded "Plugin Options" screen. And, as this approach also uses JavaScript, you will probably have to uncheck the "Use JavaScript library" checkbox on the "Edit" screen as well (i.e. you can not use the sorting functionality on this table).

    Regards,
    Tobias

  3. cougarcat
    Member
    Posted 1 year ago #

    Worked like charm. The code for the responsive tables is worth looking into for anyone wanting to put them on their site. Thanks again!

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    awesome! :-) That's great to hear! Thanks for the confirmation.

    Best wishes,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic