Jump to content

Test page: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1: Line 1:
Table w/ background color
== Table w/ background color ==
{| class="wikitable"
{| class="wikitable"
!asdfd
!asdfd
Line 37: Line 37:
|
|
| colspan="2" |
| colspan="2" |
|}
== Responsive table ==
{{Div col|colwidth=20em}}
* Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus.
* At elementum eu facilisis sed odio morbi. Quisque id diam vel quam elementum pulvinar etiam. Risus at ultrices mi tempus. Proin nibh nisl condimentum id venenatis.
* Rhoncus urna neque viverra justo nec ultrices. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Erat imperdiet sed euismod nisi porta lorem.
{{Div col end}}
=== uses template "Div col" ====
* bloody mess bc needs a css file
{{Div col| col-"2" colwidth="30%"}}
* Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus.
* At elementum eu facilisis sed odio morbi. Quisque id diam vel quam elementum pulvinar etiam. Risus at ultrices mi tempus. Proin nibh nisl condimentum id venenatis.
* Rhoncus urna neque viverra justo nec ultrices. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Erat imperdiet sed euismod nisi porta lorem.
{{Div col end}}
== table with different widths ==
* seems that wrapping just happens according to the width of the column
{| cellspacing="0" cellpadding="5" border="1"
|+ Caption text
|- ! width="200" | <center>Col 0</center>
! width="300" | <center>Col 1</center>
! width="100" | <center>Col 2</center>
! width="60" | <center>Col 3</center>
! width="60" | <center>Col 4</center>
! width="60" | <center>Col 5</center>
! width="120" | <center>Col 6</center>
|-
| Example || Example || Example || Example || Example || Very long text in Col 6
|-
|}
|}