Tabelle als Custom Element
bearbeitet von
@@JürgenB
> Wenn ich sie in ein `x-table` legen, verlieren sie ihre Tabelleneigenschaften, bzw. sie werden garnicht im DOM angelegt.
Eben. `x-table` ist keine Tabelle. Und würde einiges an Aufwand erfordern, es zu einer zu machen. Nicht zu vergessen: `role="table"`. Nicht machen!
Entweder du verwendest das HTML-Element `table` für die *Web component*{:@en}:
`<table is="x-table">`{:.language-html}, was aber in Safari nicht funktioniert.
Oder dein *custom element*{:@en} ist ein Container, dass die Tabelle *enthält*:
```html
<x-table>
<table>
⋮
</table>
</x-table>
```
(wobei der Container nicht `x-table` benannt sein sollte).
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}
> Wenn ich sie in ein `x-table` legen, verlieren sie ihre Tabelleneigenschaften, bzw. sie werden garnicht im DOM angelegt.
Eben. `x-table` ist keine Tabelle. Und würde einiges an Aufwand erfordern, es zu einer zu machen. Nicht zu vergessen: `role="table"`. Nicht machen!
Entweder du verwendest das HTML-Element `table` für die *Web component*{:@en}:
`<table is="x-table">`{:.language-html}, was aber in Safari nicht funktioniert.
Oder dein *custom element*{:@en} ist ein Container, das
```html
<x-table>
<table>
⋮
</table>
</x-table>
```
(wobei der Container nicht `x-table` benannt sein sollte).
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}
Tabelle als Custom Element
bearbeitet von
@@JürgenB
> Wenn ich sie in ein `x-table` legen, verlieren sie ihre Tabelleneigenschaften, bzw. sie werden garnicht im DOM angelegt.
Eben. `x-table` ist keine Tabelle. Und würde einiges an Aufwand erfordern, es zu einer zu machen. Nicht zu vergessen: `role="table"`. Nicht machen!
Entweder du verwendest das HTML-Element `table` für die *Web component*{:@en}:
`<table is="x-table">`{:.language-html}, was aber in Safari nicht funktioniert.
Oder dein *custom element*{:@en} ist ein Container, dass die Tabelle *enthält*:
```html
<x-table>
<table>
⋮
</table>
</x-table>
```
(wobei der Container nicht `x-table` benannt sein sollte).
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}
> Wenn ich sie in ein `x-table` legen, verlieren sie ihre Tabelleneigenschaften, bzw. sie werden garnicht im DOM angelegt.
Eben. `x-table` ist keine Tabelle. Und würde einiges an Aufwand erfordern, es zu einer zu machen. Nicht zu vergessen: `role="table"`. Nicht machen!
Entweder du verwendest das HTML-Element `table` für die *Web component*{:@en}:
`<table is="x-table">`{:.language-html}, was aber in Safari nicht funktioniert.
Oder dein *custom element*{:@en} ist ein Container, dass die Tabelle *enthält*:
```html
<x-table>
<table>
⋮
</table>
</x-table>
```
(wobei der Container nicht `x-table` benannt sein sollte).
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}
Tabelle als Custom Element
bearbeitet von
@@JürgenB
> Wenn ich sie in ein `x-table` legen, verlieren sie ihre Tabelleneigenschaften, bzw. sie werden garnicht im DOM angelegt.
Eben. `x-table` ist keine Tabelle. Und würde einiges an Aufwand erfordern, es zu einer zu machen. Nicht zu vergessen: `role="table"`. Nicht machen!
Entweder du verwendest das HTML-Element `table` für die *Web component*{:@en}: `<table is="x-table">`{:.language-html}, was aber in Safari nicht funktioniert.
Oder dein *custom element*{:@en} ist ein Container, dass die Tabelle *enthält*:
```html
<x-table>
<table>
⋮
</table>
</x-table>
```
(wobei der Container nicht `x-table` benannt sein sollte).
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}