Here's how you can have several tables side-by-side.
Left Table
| d3
|
Result
|
| 1 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
| 2 |
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
| 3 |
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|
|
Center Table
| d3
|
Result
|
| 1 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
| 2 |
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
| 3 |
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|
|
Right Table
| d3
|
Result
|
| 1 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
| 2 |
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
| 3 |
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|
|
It works by having the tables within a table.
Here's the code:
{|
|
{| class="5e" style="text-align: left;" {{#vardefine:odd|0}}
|+Left Table
! style="text-align: left;" | d3
! style="text-align: left;" | Result
|- class="{{Odd-Even|{{#var:odd}}}}"
|1 || Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|- class="{{Odd-Even|{{#var:odd}}}}"
|2 || Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|- class="{{Odd-Even|{{#var:odd}}}}"
|3 || Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|}
|
{| class="5e" style="text-align: left;" {{#vardefine:odd|0}}
|+ Center Table
! style="text-align: left;" | d3
! style="text-align: left;" | Result
|- class="{{Odd-Even|{{#var:odd}}}}"
|1 || Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|- class="{{Odd-Even|{{#var:odd}}}}"
|2 || Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|- class="{{Odd-Even|{{#var:odd}}}}"
|3 || Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|}
|
{| class="5e" style="text-align: left;" {{#vardefine:odd|0}}
|+ Right Table
! style="text-align: left;" | d3
! style="text-align: left;" | Result
|- class="{{Odd-Even|{{#var:odd}}}}"
|1 || Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|- class="{{Odd-Even|{{#var:odd}}}}"
|2 || Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|- class="{{Odd-Even|{{#var:odd}}}}"
|3 || Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|}
|}