datatable.png

Requirements:

  • 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">
    <thead>
    <tr>
    <th scope="col">Column Heading 1</th>
    <th scope="col">Column Heading 2</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>row 1 data for column 1</td>
    <td>row 1 data for column 2</td>
    </tr>
    <tr>
    <td>row 2 data for column 1</td>
    <td>row 2 data for column 2</td>
    </tr>
    </tbody>
    </table>

  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
    tables1.png
  3. In the Configure tab:

Back to Top