@veams/component-table NPM

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.

veams

@everything-registry/sub-chunk-979

1.0.1

7 years ago

1.0.0

7 years ago