Test page: Difference between revisions
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 | |||
|- | |||
|} | |} |
Revision as of 12:30, 10 April 2024
Table w/ background color
asdfd | asdfadsf | adfd | adfd |
---|---|---|---|
asdf | asdf | asdfd | |
asdf | |||
asdfasdf |
use page for testing articles, formats, templates, etc.
Table with single divided cell
subtable | or split the cells? | |
Responsive table
- 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.
uses template "Div col" =
- bloody mess bc needs a css file
- 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.
table with different widths
- seems that wrapping just happens according to the width of the column
Example | Example | Example | Example | Example | Very long text in Col 6 |