4.13.2.4 :: Table

Description


Table ChunkThe <tableChunk> element allows you to place data onto your site so that it fits neatly inside a table.

Example


..snip..
  1.  <wapl xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://wapl.wapple.net/wapl.xsd">
  2.   <layout>
  3.   <tableChunk>
  4.   <table_header>Table #1</table_header>
  5.   <table_data>{"headers":"Col1,Col2,Col3", "data":[{"Col1":"Row1Val1", "Col2":"Row1Val2", "Col3":"Row1Val3"},{"Col1":"Row2Val1", "Col2":"Row2Val2", "Col3":"Row2Val3"}]}</table_data>
  6.   <table_footnote>None of the data in this table is real</table_footnote>
  7.   </tableChunk>
  8.   </layout>
  9.  </wapl>

Child Elements


table_header


The header you want to appear above the table data. The table row has a class of "table_data_header" and each cell in the row has a class of "table_data_header_cell" and id of "table_data_header_cell_xx" with xx being the cell number.
Example:

<table_header>This is my header</table_header>

table_data


The data in your table. Data is entered in JSON format - for more information about how to construct your data in this format, see http://www.json.org/.

Each row of the table has a class of "table_data_row" and id of "table_data_row_xx" with xx being the row number. Each cell in a table row has a class of "table_data_cell" and an id of "table_data_cell_xx" with xx being the cell number.
Example:

<table_data>{{"headers":"Col1,Col2,Col3", "data":[{"Col1":"Row1Val1", "Col2":"Row1Val2", "Col3":"Row1Val3"},{"Col1":"Row2Val1", "Col2":"Row2Val2", "Col3":"Row2Val3"}]}}</table_data>

table_footnote


The footnote you want to appear below the table data. The table row has a class of "table_data_footnote".
Example:

<table_footnote>Table Footnote</table_footnote>

Contents