CTATTable

CTATTable

Code

<div id="table1" class="CTATTable"
   data-ctat-num-rows="3" data-ctat-num-cols="4" data-ctat-has-header="false" 
   style="width:150px; height:120px;"></div>

Running Example

TBD

Attributes and Settings

• id: Required. The name of the component, must be a valid html id name.
• class: Required. The class list, must include CTATTable.
• data-ctat-num-rows: Required. Specifies the number of rows in the table.
• data-ctat-num-cols: Required. Specifies the number of columns in the table.
• data-ctat-has-header: Can be "true" or "false", and determines whether or not the first row of the table should be treated as a header row (header cells can be styled separately from the rest of the table). Defaults to "false"
• data-ctat-header-height: Required if data-ctat-has-header is set to true. Specifies the height in pixels of the header row.
• data-ctat-header-color: Specifies the background color of the header cells. Defaults to white.
• data-ctat-cell-color: Specifies the background color of the table body cells. Defaults to white.
• data-ctat-border-color: Specifies the color of the dividing lines in the table. Defaults to black.
• data-ctat-can-expand: Can be "true" or "false". "True" will cause the cell dimensions to remain constant when a new row or column is added, meaning the overall table dimensions will increase. "False" will cause the overall table dimensions to remain constant and the cell dimensions to decrease.

Action-Input

UpdateTextField

Styling