@veams/component-table
v1.0.1
Published
The `<table>` element represents data with more than one dimension, in the form of a table.
Downloads
36
Readme
Table
Description
The <table>
element represents data with more than one dimension, in the form of a table.
The specs says:
Tables have rows, columns, and cells given by their descendants. The rows and columns form a grid; a table's cells must completely cover that grid without overlap.
Tables must not be used as layout aids
Installation
Installation with Veams
veams install component table
veams -i c table
Fields
table.hbs
Settings
| Parameter | Type | Value | Description |
|:--- | :---: |:---: | :--- |
| settings.tableContextClass | String | default
| Context class of component. |
| settings.tableClasses | String | | Modifier classes for component. |
Content
| Parameter | Type | Description | |:--- |:---:|:--- | | content.tableCaption | String | A caption for the table. | | content.tableHeader | Object | An object which contains the headings. | | content.tableHeader.tableRows | Array | Rows in header. | | content.tableBody | Object | An object which contains the body. | | content.tableBody.tableRows | Array | Rows in body. |
table__row.hbs
Settings
| Parameter | Type | Description | |:--- |:---:|:--- | | settings.trClass | String | Row classes. |
Content
| Parameter | Type | Description | |:--- |:---:|:--- | | content.tableCells | Array | Table cells. |
table__cell.hbs
Settings
| Parameter | Type | Description | |:--- |:---:|:--- | | settings.thTag | Boolean | Definition of th or td. | | settings.cellClass | String | Cell classes. |
Content
| Parameter | Type | Description | |:--- |:---:|:--- | | content.cellContent | String | Cell content. |