You are here: Home / Working on the Website / Web Team Resouces / The Three TinyMCE Table Styles

The Three TinyMCE Table Styles

JWM Style Guide

NOTE: An editing tip for table column width

The auto-setting for column width can easily be manually overridden by fiddling with paragraphing in the various cells. A long paragraph will drive a column wider, so a column can be narrowed by breaking the longest paragraph(s).

TinyMCE styles

Style #1

Subdued Grid (all four cells are Heading Cells with <th></th> tags

This is the text for a table element.This is the text for a table element.
This is the text for a table element.This is the text for a table element.

 

Style #2

Fancy Listing (cells 1 and 3 are Heading Cells with <th></th> tags, with cell 1 also carrying Heading <h2></h2> tags, cells 2 and 4 are standard cells with <td></td> tags)

This is the text for a table element.

This is the text for a table element.
This is the text for a table element. This is the text for a table element.

Style #3 

Invisible Grid (all four cells are standard cells with <td></td> tags