Table Formatting

Contents

Getting Started

Formatting allows you to change the colors, border, cell padding, etc., of a specified cell, row, column, or table. For this, you need to know some basic syntax.

Locate "Change settings for" section on the top right of the table editor. Select desired cell and click on the desired button. To the right of the buttons is an input line showing the current settings. Follow the below examples to aid you in formatting. The syntax is the same as what you would write inside an HTML tag. After typing in the settings, remember to press enter to save those settings.

Image:Formatting.png

Editing Samples

Style Changes

  • To change to background color:
style="background:blue"

If a row's formatting is set to the above example, it would display like this:

header 1 header 2
value 1 value 2
  • To change font color:
style="color:green"

The result would be:

header 1 header 2
value 1 value 2

You can also change many other styles of the cell including text alignment, width, height, border... To combine the different style elements, separate the properties using a semicolon:

style="background:#00f; color:white; text-align:center; width:200px; height:100px"

The result on the "value 1" cell would be:

header 1 header 2
value 1 value 2

Table Changes

  • To change border and cell padding of table:
border = "1" cellpadding = "20"

The result would be:

header 1 header 2
value 1 value 2

Other properties include bgcolor, cellspacing, align, frames, rules, summary, width.


Go back to Main Wiki Table Editor Page.