• Resolved rickmesser

    (@rickmesser)


    Hi,

    Hoping someone can tell me what I’m doing wrong. I created a theme and am trying to get the JavaScript functions working like pagination and filtering, but they just don’t seem to be working. I’m sure it’s something I’ve done in my theme because I have it working correctly on other themes that I didn’t create.

    The weird thing is that all the custom CSS I put it is working fine. So I’m not sure why the JavaScript isn’t coming through.

    I have the JavaScript library enabled and have the recommend library selected in the plug-in options section. I believe I also have all the correct selections made to all the tables I want it in (I have about 50)

    Can someone take a look and let me know what I’m doing wrong?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter rickmesser

    (@rickmesser)

    Hi Rick,

    a common reason for this issue is that the theme is missing a call

    wp_footer();

    in its “footer.php”, directly before the closing </body> tag.

    Can you check that?

    Best wishes,
    Tobias

    Thread Starter rickmesser

    (@rickmesser)

    Awesome! Can’t believe how easy that was!

    2 more quick questions:

    1) The JavaScript seems to be working, however, for some reason its being pushed beneath my sidebar. Probably a floating issue as my sidebar is floating right. But I can’t find where I can clear something out in your plug-in?

    2) It’s great that I can adjust the css attributes of the specific table ID’s! But, I have close to 50 tables and more to come. With 3 style attributes per table, that adds up to a TON of code on every page. Is there a way I can just edit the over table styles?

    Thanks so much Tobias! This is a terrific plug-in. I’ll be happy to drop you a donation!

    Rick

    Hi,

    yes, sometimes it is those minor things ?? Good to hear that it works!
    And thanks for your willingness to donate, I appreciate it.

    For your other issues:

    1) That’s weird. Don’t really know why it happens, but can you try adding this CSS to the “Custom CSS” textfield:

    .dataTables_wrapper {
      position: absolute!important;
    }

    That helps when I try it with Firebug.

    2) If your style attributes are the same for all tables, why don’t you use the .wp-table-reloaded selector instead of multiple .wp-table-reloaded-id-123 selectors? Your styles will then be applied to all tables. And if you have one that shall not get that style, you can override that with a custom one again.

    Best wishes,
    Tobias

    Thread Starter rickmesser

    (@rickmesser)

    “position: absolute” does help, but the content flows out of its container.

    example here

    However, I told the container div to “float: left”, removed .dataTables_wrapper properties and that seems to have solved my problem. Thank you kindly for your prompt advice!

    Thread Starter rickmesser

    (@rickmesser)

    By the way, thanks so much on the advice for the 2nd problem. Worked straight away! Saved me TONS of room in my header area! I tried this before but I must have typed the selector wrong.

    Hi,

    great to hear that you found a possible solution! ?? Yes, sometimes CSS is a little bit odd, especially when several properties influence each other…

    And good to hear that the other selector suits your needs ??

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘WP Table Reloaded no pagination’ is closed to new replies.