[Plugin: WP-Table Reloaded] Big gap between tables

Hi,

this gap is added by the DataTables JavaScript library, to make large tables look better when they are paginated.

To remove the gap, just disable the usage of the DataTables library for that table in its settings on the “Edit” screen.
It is not really useful for such small tables anyway.

Best wishes,
Tobias

Thanks a lot man. Superb work.
Great plugin.

Assuming that WP-Table Reloaded uses some of the demo CSS from the DataTables distribution, there is this in the CSS (with a few other properties, although this is the important one):

.dataTables_wrapper {
	min-height: 302px;
}

The idea is that it would ‘de-bounce’ paging, so when you flick pages the paging controls wouldn’t bounce around. Simply removing that min-height property would allow the table to fully collapse.

Regards,
Allan

Hi Allan,

yes, you are perfectly right. This is the relevant CSS here, and to remove it, people could e.g. add the following to the “Custom CSS” textfield on WP-Table Reloaded’s “Plugin Options” screen:

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

Best wishes,
Tobias