europa-component-library
europa-component-library copied to clipboard
feat(table): add id and headers - FRONT-4260
- New twig parameter
id
, to set a unique id for the table (used for accessibility) This global id is used to generate a unique id for each of the table headers Example
id: 'table-id',
- New twig parameter
headers
for each table header and table cell. It is used to setup a relation between a cell and one or more header, especially for multi header tables. Example
rows: [
{
data: [
{
label: 'Administators in Competition Law',
headers: 'table-id-1',
...
},
{
label: 'European Commission',
headers: 'table-id-3 table-id-5',
...
},
}
]
🚀 Deployed on https://ecl-preview-3251--europa-component-library.netlify.app