[Plugin: WP-Table Reloaded] Space between tables on page

Hi Karen,

that space is added by the DataTables library (it is necessary when the Pagination is active). It does however not make sense on small tables like yours.

The fix is easy though, as you seem to have disabled the DataTables features for that table anyway: Just disable the usage of the DataTables library for that table entirely. (Not just the individual features, but the complete library. The checkbox for that is right above those other ones.)

Best wishes,
Tobias

Great plugin, Tobias!

I have exactly the same issue as Karen. I have tried the same solution as you suggested to Karen, and it is not working for me.

Here is the link to my page: https://masonlawpc.com/hot-topics-and-info/nc-medicaid-and-special-assistance-rates/

Any ideas? Thanks much.

Bob

Hi Bob,

no, the DataTables library is still activated for the table with ID 5. You seem to have it disabled for table ID 4 (the bottom table) only.

Regards,
Tobias

Mea culpa! You are correct. I missed that somehow. Many thanks . . you’re the best!

Bob

Hi,

no problem, you are very welcome!

Best wishes,
Tobias

Hi Tobias,

Is there a way to reduce or remove the margin/padding underneath the tables anyway?

I would still like to use the DataTables library though.

Where should I look please?

Thank you

I think I got it, it’s all in the wrapper ??

Hi,

yes, you could try the following “Custom CSS” code:

.dataTables_wrapper {
  min-height: 0!important;
}

Just paste that into the “Custom CSS” textarea on the “Plugin Options” screen.

Best wishes,
Tobias

Hi Tobias,

Thank you for your help.

This is what I did and it seems to work, just commented the following out:

/*min-height: 302px;*/
/*_height: 302px;*/

I’ll try your solution as well as it is more future proof and desirable in the long run.

Hi,

yes, that’s the same setting basically.
Changing it in the CSS file directly, does of course work, but yes, the other method is more future proof, as it will still work after a plugin update.

Regards,
Tobias

Thank you Tobias, I also spotted other interesting parameters in the css, for fine tuning the search positions etc…

This is an awesome table plugin.

I think you could always offer a payable upgrade for setting it up with the themes and what not at: https://www.datatables.net/styling/themes that could work, the scroll bar option is good too.

It’s fair that you should make some extra money from your hard work, especially in general, I think that people are more likely to pay for something “extra” than to simply donate.

Just some ideas…

Hi,

yes, a payable version sounds good money-wise, but I also feel that giving free software to the community is nice. Although donations are always nice, but it’s not only about the money ??

Best wishes,
Tobias

Hi Tobias,

I am only suggesting that if a specific feature request becomes popular, it’s a good idea to make it available in exchange for a small fee, even a small one, it’s very fair to support developers. And it’s not about the money, you are right, it’s about showing some appreciation.

Hi Tobias, I have tried all suggestions here with no luck. There is either little impact on the amount of space above & below the tables or unwanted effects.

Site is being built under https://grittyphoto.net, use Laura€€!! to get in.

Java script Library is disabled. Wrapper code (above) in the “Plugin Options” screen did zilch. Adding minimum height for a particular table really screwed witht he formatting.

Your help is appreciated!

Hi,

are we talking about the two small tables with the picture/address and the four different areas of law?

I don’t really see why you want to change the amount of space around them, they look fine to me…

Now, the reason (at least for the second table) might be that the HTML code around the table is kind of messed up. For example, there is a <strong> tag around it, which should be removed. To do this, please switch to the “HTML editor” view for the page and remove the HTML tags around the Shortcode. Also, the Shortcode should be on a new line, with empty lines before and after it.

(As a side note: I’d actually recommend against using tables for this. You are using the tables for layout purposes, for which should use an approach with <div> containers.)

Regards,
Tobias