< Help:Table

Help:Table/Examples

Here's how you can have several tables side-by-side.

Left Table
d3 Result
1Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
3Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Center Table
d3 Result
1Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
3Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Right Table
d3 Result
1Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
3Excepteur 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
 |}
 |}

This article is issued from Dandwiki. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.