Component: WYSIWYG Tables | UCT Drupal Web CMS

Table 100% width

50% Cell width	50% Cell width
50% Cell width	50% Cell width

Table 500px width

20% Cell width	Free space Cell width
20% Cell width	Free space Cell width

Vestibulum congue fringilla rutrum. Maecenas diam dui, fringilla a tellus non, tristique aliquam tellus. Aliquam id lacinia nunc. Sed vel eleifend magna, fermentum accumsan lectus. Nulla viverra mollis libero eu bibendum.

Vestibulum et diam id nunc consequat tincidunt in a sem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est quam, porta ut porta ut, scelerisque id neque. Morbi tortor tortor, accumsan vel auctor eget, varius id justo. Praesent turpis magna, vestibulum vitae vehicula nec, interdum quis purus. Aenean vestibulum suscipit sodales. Maecenas consectetur tristique eros, vitae scelerisque dolor viverra ac. Sed cursus ante vel dignissim blandit. Integer tristique, sapien rhoncus tristique suscipit, neque erat dignissim purus, non pharetra leo lectus id ante. Vestibulum congue fringilla rutrum. Maecenas diam dui, fringilla a tellus non, tristique aliquam tellus. Aliquam id lacinia nunc. Sed vel eleifend magna, fermentum accumsan lectus. Nulla viverra mollis libero eu bibendum. Vestibulum et diam id nunc consequat tincidunt in a sem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Default table

Header 1	Header 2	Header 3	Header 4
Lorem	168	tellus	Vestibulum efficitur nisl ut luctus malesuada.
Morbi	3450	Lorem	Sed at diam nunc.
luctus	56704	Donec	Cras velit tellus, tempus a vehicula ac, pharetra eget risus.
Donec	6770	luctus	Proin sit amet fermentum urna. Sed non pellentesque libero.
Sed	40559	Lorem	Phasellus vitae feugiat ante.

Unstriped table

Header 1	Header 2	Header 3	Header 4
Lorem	168	tellus	Vestibulum efficitur nisl ut luctus malesuada.
Morbi	3450	Lorem	Sed at diam nunc.
luctus	56704	Donec	Cras velit tellus, tempus a vehicula ac, pharetra eget risus.
Donec	6770	luctus	Proin sit amet fermentum urna. Sed non pellentesque libero.
Sed	40559	Lorem	Phasellus vitae feugiat ante.

Table with column highlight

Header 1	Header 2	Header 3	Header 4
Lorem	168	tellus	Vestibulum efficitur nisl ut luctus malesuada.
Morbi	3450	Lorem	Sed at diam nunc.
luctus	56704	Donec	Cras velit tellus, tempus a vehicula ac, pharetra eget risus.
Donec	6770	luctus	Proin sit amet fermentum urna. Sed non pellentesque libero.
Sed	40559	Lorem	Phasellus vitae feugiat ante.

Unstriped Table with column highlight

Header 1	Header 2	Header 3	Header 4
Lorem	168	tellus	Vestibulum efficitur nisl ut luctus malesuada.
Morbi	3450	Lorem	Sed at diam nunc.
luctus	56704	Donec	Cras velit tellus, tempus a vehicula ac, pharetra eget risus.
Donec	6770	luctus	Proin sit amet fermentum urna. Sed non pellentesque libero.
Sed	40559	Lorem	Phasellus vitae feugiat ante.

HR table

Table caption
Header 1	Header 2	Header 3	Header 4
Lorem	168	tellus	Vestibulum efficitur nisl ut luctus malesuada.
Morbi	3450	Lorem	Sed at diam nunc.
luctus	56704	Donec	Cras velit tellus, tempus a vehicula ac, pharetra eget risus.
Donec	6770	luctus	Proin sit amet fermentum urna. Sed non pellentesque libero.
Sed	40559	Lorem	Phasellus vitae feugiat ante.

Table with role header cells

Table caption
Header 1	Header 2	Header 3	Header 4
Lorem	168	tellus	Vestibulum efficitur nisl ut luctus malesuada.
Morbi	3450	Lorem	Sed at diam nunc.
luctus	56704	Donec	Cras velit tellus, tempus a vehicula ac, pharetra eget risus.
Donec	6770	luctus	Proin sit amet fermentum urna. Sed non pellentesque libero.
Sed	40559	Lorem	Phasellus vitae feugiat ante.