Step-by-Step Guide

  1. Select the Table.
  2. Right click.
  3. Click Table Properties.
  4. Click Advanced.
  5. Under Stylesheet Classes add: border zebra or another example from the box on the right.
  6. They are lowercase separated by a space. Do NOT add a comma.
  7. Border will bring out light grey gridlines. Zebra will add an alternating grey/white background color. This can be helpful on longer tables.
  8. Click OK.
    The table will appear.
  9. Type the data in the table.


    The table will try to keep the padding (white space) equal between the cells. When you type, you will notice the table cells accordingly. This is normal behavior.

Related Pages

Table CSS Classes

Here are some available CSS classes for tables:

Theme 1 - (older theme with smaller fonts and a tabbed menu)

border zebra - puts a border and zebra striping

Epsilon - (latest theme with larger fonts and a dark green header)


table table-striped 

table table-bordered 

table table-hover 

See examples