table

Typ

Block-Element

Zulässige Kind-Elemente:

Unterstütze Attribute

border (optional): Boolescher Wert der festlegt, ob die Tabelle durch eine Randlinie begrenzt wird.
Default-Wert: true
maxheight (optional): Wert, der die maximale Höhe der Tabelle festlegt. Ist die Tabelle größer, wird sie scrollbar.
Default-Wert: none
name (optional): Bezeichner des Elements zur Identifizierung. Der Name muss innerhalb eines variant-Elements eindeutig sein.
Default-Wert: -
sortable (optional): Boolescher Wert der festlegt, ob die Tabelle nach einer Spalte sortierbar sein soll. Setzt ein headrow-Element voraus. Default-Wert: false
striped (optional): Boolescher Wert der festlegt, ob die Tabelle mit einem alternierendem Zeilenfarbmuster dargestellt werden soll.
Default-Wert: true
tags (optional): Liste von eigenen Bezeichnern, um z. B. besondere Stilvorgaben u.ä. implementieren zu können. Die Listenelemente werden durch Leerzeichen voneinander getrennt.
Default-Wert: -

weitere Informationen zur Syntax

Beschreibung

Ein table-Element erzeugt eine Tabelle.

Code-Beispiele

Code-Beispiel: Standard

<table>
    <headrow>
        <cell><p>header A</p></cell>
        <cell><p>header B</p></cell>
    </headrow>
    <row>
        <cell><p>A1</p></cell>
        <cell><p>B1</p></cell>
    </row>
    <row>
        <cell><p>A2</p></cell>
        <cell><p>B2</p></cell>
    </row>
</table>

Code-Beispiel: border

<table border="false">
    <headrow>
        <cell><p>header A</p></cell>
        <cell><p>header B</p></cell>
    </headrow>
    <row>
        <cell><p>A1</p></cell>
        <cell><p>B1</p></cell>
    </row>
    <row>
        <cell><p>A2</p></cell>
        <cell><p>B2</p></cell>
    </row>
</table>

Code-Beispiel: maxheight

<table maxheight="4em">
    <headrow>
        <cell><p>header A</p></cell>
        <cell><p>header B</p></cell>
    </headrow>
    <row>
        <cell><p>A1</p></cell>
        <cell><p>B1</p></cell>
    </row>
    <row>
        <cell><p>A2</p></cell>
        <cell><p>B2</p></cell>
    </row>
</table>

Code-Beispiel: sortable

<table sortable="true">
    <headrow>
        <cell><p>header A</p></cell>
        <cell><p>header B</p></cell>
    </headrow>
    <row>
        <cell><p>A1</p></cell>
        <cell><p>B1</p></cell>
    </row>
    <row>
        <cell><p>A2</p></cell>
        <cell><p>B2</p></cell>
    </row>
</table>

Code-Beispiel: striped

<table striped="true">
    <headrow>
        <cell><p>header A</p></cell>
        <cell><p>header B</p></cell>
    </headrow>
    <row>
        <cell><p>A1</p></cell>
        <cell><p>B1</p></cell>
    </row>
    <row>
        <cell><p>A2</p></cell>
        <cell><p>B2</p></cell>
    </row>
    <row>
        <cell><p>A3</p></cell>
        <cell><p>B3</p></cell>
    </row>
    <row>
        <cell><p>A4</p></cell>
        <cell><p>B4</p></cell>
    </row>
</table>