Tables side-by-side

Hi,

thanks for your post, and sorry for the trouble.

This is possible with CSS code. For some approaches, please see https://www.ads-software.com/support/topic/show-tables-next-to-each-other/

As you are using the scroll mode, you could actually re-use the <div> wrappers that this adds.

Regards,
Tobias

Thanks for that. I’m almost there…..

https://www.goldfieldsgiants.com/players/holmen-jacob

I now have the first two tables side-by-side, followed by the 3rd table underneath, which is how I want it. However I need the top two tables to be ‘centered’ like the 3rd table is.

I have added the following….

PLUGIN OPTIONS:
—————————————-
.tablepress-wrapper1 {
width: auto;
float: left;
padding-right: 15px;
}

.tablepress-wrapper2 {
width: 100%;
float: left;
}
—————————————-

ON THE PAGE ITSELF:
—————————————-
<div class=”tablepress-wrapper1″>

[table id=20149 responsive=scroll /]

</div>

<div class=”tablepress-wrapper1″>

[table id=22149 responsive=scroll /]

</div>

<div align=center class=”tablepress-wrapper2″>[table id=21149 responsive=scroll /]</div>
—————————————-

Any suggestions to center those top two tables?

Hi,

you would need to give a width to the wrapper elements, using width: auto; doesn’t give you enough freedom. Alternatively, you could add left margins, for example.

I recommend playing around with this in the Developer Tools of your browser, this will be the quickest.

Regards,
Tobias