Tables

HTML tables should be used ONLY for tabular data — this is what they are designed for. Unfortunately, a lot of people used to use HTML tables to lay out web pages, e.g. one row to contain the header, one row to contain the content columns, one row to contain the footer, etc.

Col 1 Col 2
Data 1 Data 2
Data 3 Data 4

Adding Tables in WordPress

[efstable]
  [efstable_head]
    [efstable_row]
      [efsth_column]Col 1[/efsth_column]
      [efsth_column]Col 2[/efsth_column]
    [/efstable_row]
  [/efstable_head]
  [efstable_body]
    [efstable_row]
      [efsrow_column]Data 1[/efsrow_column]
      [efsrow_column]Data 2[/efsrow_column]
    [/efstable_row]
    [efstable_row]
      [efsrow_column]Data 3[/efsrow_column]
      [efsrow_column]Data 4[/efsrow_column]
    [/efstable_row]
  [/efstable_body]
[/efstable]

Alternative Syles

There are a couple alternative styles you can add to the shortcode to style the tables slightly differently. To add a border to table cells you can include the table-bordered class to the efstable shortcode tag. To add styling that will shade every other data cell a light gray you can include the table-striped class to the efstable shortcode tag.

Bordered and Striped Table

Col 1 Col 2
Data 1 Data 2
Data 3 Data 4
[efstable class="table-bordered table-striped"]
  [efstable_head]
    [efstable_row]
      [efsth_column]Col 1[/efsth_column]
      [efsth_column]Col 2[/efsth_column]
    [/efstable_row]
  [/efstable_head]
  [efstable_body]
    [efstable_row]
      [efsrow_column]Data 1[/efsrow_column]
      [efsrow_column]Data 2[/efsrow_column]
    [/efstable_row]
    [efstable_row]
      [efsrow_column]Data 3[/efsrow_column]
      [efsrow_column]Data 4[/efsrow_column]
    [/efstable_row]
  [/efstable_body]
[/efstable]