• The table class must be "datatable"
  • There must be a <thead> tag in the table with a row of <th scope="col"> tags
  • There must be a <tbody> tag in the table


  1. Copy and paste this example into the WYSIWYG Content field using the HTML button (<>):

    <table class="datatable display" summary="Table">
    <th scope="col">Column Heading 1</th>
    <th scope="col">Column Heading 2</th>
    <td>row 1 data for column 1</td>
    <td>row 1 data for column 2</td>
    <td>row 2 data for column 1</td>
    <td>row 2 data for column 2</td>

  2. Switch back to the WYSIWYG editor to adjust the table proportions by clicking on a cell and selecting an action from the tables pop-up
  3. In the Configure tab:

Back to Top