wp-table-reloaded table dropping beneath sidebar

Hi,

I’m not exactly sure why this happens, but the following code should fix it. Just paste that into the “Custom CSS” textarea on the “Plugin Options” screen:

.dataTables_wrapper,
.dataTables_wrapper .wp-table-reloaded {
  clear: none!important;
}

Regards,
Tobias

Thanks tobias,

Unfortunately, while that has moved it up so it’s no longer dropping beneath the side bar.. it’s now um.. broken out of the main content area and is Over the sidebar :-/

….

…

ok. just played around with it some more –

Now it displays well but I needed to add a float:left; to your css above as such:

.dataTables_wrapper,
.dataTables_wrapper .wp-table-reloaded {
  clear: none!important; float:left !important;

Thank you SOO MUCH! I spent so much time on this yesterday.. I had actually added Clear:none to .wp-table-reloaded.. but I didn’t add it to the .dataTables_wrapper as well, nor did I make it !important ??

anyway.. all displaying well now!

Cheers! ??

Lana
}

Hi Lana,

very nice! Great that this worked!

Best wishes,
Tobias

Tobias,

I am having a similar problem at – https://www.pedalpowergeneration.ca/?page_id=825&preview=true – but as you can see, the right sidebar falls below the table.

I have added this code to the Custom CSS:

.wp-table-reloaded-id-1 .column-1 {
width: 50px;
}

.wp-table-reloaded-id-1 .column-2 {
width: 50px;
}

.dataTables_wrapper,
.dataTables_wrapper .wp-table-reloaded {
clear: none!important;
}

Any suggestions?

Jan

Hi Jan,

thanks for your post.

Unfortunately, I could not take a look at the problem on your site, because the link you provided only points at the preview of the page, which is not accessible for non-logged-in users.
Can you maybe publish that page? I will then gladly take a look!

Regards,
Tobias

Tobias,

I’ve published the page at –

Thank you!

Jan

Tobias,

Oops. That didn’t come out right.

The page is –

Thanks!

Jan

Hi Jan,

thanks for the link, now I can see the table.
However, I don’t really think that this is caused by the table, because when visiting https://www.pedalpowergeneration.ca/make-your-own-3/, the sidebar also moves down, although there is no table on that page. Thus, this is likely caused by something else, but I can’t see what it is ??

Regards,
Tobias

Tobias,

I must have got up too early this morning! I sent you the wrong page link.

The correct link is – https://www.pedalpowergeneration.ca/make-your-own-with-tables-plugin/

I am very sorry to give you the run-around like this.

Jan

Hi Jan,

no, you gave me the correct link the first time ??
But when I go to that other page, I can see the same problem, but without a table on the page. Both times, the sidebar moves down all the way.
That’s why I think that this problem is not related to the table.

Regards,
Tobias

Tobias,

You were right. The first Amazon link was wrong.

I reconstructed the page, line-by-line, and that is how I figured it out.

Thank you for responding to my request. It helped!!!

Jan

Hi Tobias

I wonder if you can help me please. I have a football league table which I sort by points in a column. If points for two teams are lvele I want to sort by a second column Goal Differnace to get the correct poistion for the team. Is this something that you can help me with?
Regards Shawn.

Example: https://festivalleague.co.uk/?page_id=424

Please excuse my spelling.

Edit
Hi Tobias

I wonder if you can help me please. I have a football league table which I sort by points in a column. If points for two teams are level I want to sort by a second column Goal Differance to get the correct poistion for the team. Is this something that you can help me with?
Regards Shawn.

Hi,

@jan: Very nice! Good catch! Yes, broken HTML can cause weird things like this…

@shawn: You are probably refering to the sort that you can perform while on the “Edit” screen of a table, right? Unfortunately, there’s no possibility to sort for a second column in that sorting feature at this time. As a workaround, you could export the table to CSV, open that in Excel, do the sorting there, and then re-import that CSV file into WP-Table Reloaded.

Regards,
Tobias

Thanks Tobias