Table
<ns-table>
Overview
Table displays information in a grid-like format of rows and columns. It organizes information in a way that’s easy to scan, so that users can look for patterns and insights.
✨ This is an auto-generated AI summary of the ns-table's documentation.
It may not be accurate. ✨
The table component consumes basic HTML table markup, which makes it accessible and responsive, as well as styling it.
Examples
Guidance
Standard
Key
Key | Field type | Guidelines |
---|---|---|
A | Caption | Use to provide context to the table content. The recommended length is between 4 and 12 words, not exceeding 50 characters in total. |
B | Column Headers | A short description of the data or information found in the column cells below. |
C | Fixed Column | This column can be used for data or information. It can also be set to a fixed column of headers for each row. |
D | Table Cells | This should contain the data or information required for each relevant column and row. |
Implementation
Placement
The ns-table
component can be used in the following components:
Specification
Attributes
label-id
- Property
labelID
- Description
- The identifier of the element outside the table element.
- Type
string
type
- Property
type
- Type
string
- Default
standard
Slots
Slot | Permitted tags | Description |
---|---|---|
Anonymous slot | <table> | The anonymous slot for html table element. |
Last updated: