Tabelle
-
Akkordeon -
Anker -
Audio-Player -
Bild -
Bot -
Breaking News -
Button -
Card -
Chip -
Copyright -
Details -
Exposé -
Fetch -
Flip-Card -
Footer -
Formular: Block -
Formular: Checkbox -
Formular: Combobox -
Formular: Fehlerliste -
Formular: Filter -
Formular: Fortschrittsanzeige -
Formular: Input -
Formular: Layouts -
Formular: Radio -
Formular: Select -
Formular: Switch -
Formular: Textfeld -
Formular: Upload -
Formular: Validierung -
Galerie -
Grid -
Header -
Hervorgehobener Link -
Hervorhebung -
Icon -
In-Page Navigation -
Infobox -
Karussell -
Kontakt -
Links -
Liste -
Logo -
Map -
Meldung -
Menü -
Modal -
Newsletter -
Pager -
Paginierung -
Quicklink-Liste -
Reiter -
Section -
Sidebar -
Skip Link -
Social Media -
Stack -
Stage -
Status -
Suche -
Tabelle -
Tag -
Tourismuszeile -
Video-Player -
Vorspann -
Zeitstempel -
Zitat
Tabelle
| Eingebracht am | Betreff | Download |
|---|---|---|
| 27. März | Kostenlose und unabhängige Finanzbildung an Margaretner Schulen | 93 KB PDF |
| 30. März | Wärme- und Abkühlstube "Die Reinprechtsdorfer" | 101 KB PDF |
| 10. April | Überprüfung hinsichtlich Wartemöglichkeiten bei der Haltestelle Ziegelofengasse | 255 KB PDF |
| 15. April | Überprüfung der aktuellen Situation der Buslinie 13A im Bereich Ziegelofengasse | 206 KB PDF |
<wm-table header="nebelgrau" border="full" zebra="even">
<table>
<caption>Angenommene Anträge</caption>
<thead>
<tr>
<th>Eingebracht am</th>
<th>Betreff</th>
<th>Download</th>
</tr>
</thead>
<tbody>
<tr>
<td>27. März</td>
<td>Kostenlose und unabhängige Finanzbildung an Margaretner Schulen</td>
<td>
<a href="#">93 KB PDF</a>
</td>
</tr>
<tr>
<td>30. März</td>
<td>Wärme- und Abkühlstube "Die Reinprechtsdorfer"</td>
<td>
<a href="#">101 KB PDF</a>
</td>
</tr>
<tr>
<td>10. April</td>
<td>Überprüfung hinsichtlich Wartemöglichkeiten bei der Haltestelle Ziegelofengasse</td>
<td>
<a href="#">255 KB PDF</a>
</td>
</tr>
<tr>
<td>15. April</td>
<td>Überprüfung der aktuellen Situation der Buslinie 13A im Bereich Ziegelofengasse</td>
<td>
<a href="#">206 KB PDF</a>
</td>
</tr>
</tbody>
</table>
</wm-table>Tabelle ohne Rahmen
| Regierungsprogramm | Umsetzungsstand |
|---|---|
| Chancen des mobilen Arbeitens nutzen |
|
| Glasfasernetz in den Bezirken ausbauen und 5G-Ausbau unterstützen |
|
<wm-table alignment="start, end">
<table>
<caption>Neue Arbeitsformen begleiten und gestalten</caption>
<thead>
<tr>
<th>
Regierungsprogramm
</th>
<th>
Umsetzungsstand
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#">Chancen des mobilen Arbeitens nutzen</a>
</td>
<td>
<wm-status label="" statusText="in Umsetzung" status="2" reverse="reverse"></wm-status>
</td>
</tr>
<tr>
<td>
<a href="#">Glasfasernetz in den Bezirken ausbauen und 5G-Ausbau unterstützen</a>
</td>
<td>
<wm-status label="" statusText="umgesetzt" status="1" reverse="reverse"></wm-status>
</td>
</tr>
</tbody>
</table>
</wm-table>Tabelle komplex
| Mädchen | Buben | ||||||
|---|---|---|---|---|---|---|---|
| Rang | Name | Anzahl | Anteil an weiblichen Neugeborenen in Prozent | Rang | Name | Anzahl | Anteil an männlichen Neugeborenen in Prozent |
| 1. | Emilia | 132 | 1,5 | 1. | Felix | 109 | 1,2 |
| 2. | Mia | 124 | 1,4 | 2. | Noah | 106 | 1,1 |
| 3. | Emma | 108 | 1,2 | 3. | Adam | 100 | 1,1 |
| 4. | Sophia | 83 | 0,9 | 4. | David | 98 | 1,0 |
| 5. | Sara | 82 | 0,9 | 5. | Elias | 95 | 1,0 |
| 6. | Laura | 77 | 0,9 | 6. | Leon | 94 | 1,0 |
| 7. | Sophie | 74 | 0,8 | 6. | Maximilian | 94 | 1,0 |
| 8. | Elena | 73 | 0,8 | 8. | Theodor | 93 | 1,0 |
| 9. | Lara | 72 | 0,8 | 9. | Jakob | 81 | 0,9 |
| 10. | Anna | 71 | 0,8 | 10. | Mateo | 75 | 0,8 |
<wm-table
header="wasserblau"
border="full"
zebra="even"
alignment="end, start, end, end, end, start, end, end"
cols="75px, 100px, 75px, 150px, 75px, 100px, 75px, 150px">
<table>
<caption>Reihung nach Häufigkeit (exakte Schreibweise)</caption>
<tbody>
<tr>
<th colspan="4" style="text-align: center">Mädchen</th>
<th colspan="4" style="text-align: center">Buben</th>
</tr>
<tr>
<th>Rang</th>
<th>Name</th>
<th>Anzahl</th>
<th>Anteil an weiblichen Neugeborenen in Prozent</th>
<th>Rang</th>
<th>Name</th>
<th>Anzahl</th>
<th>Anteil an <br/>männlichen Neugeborenen in Prozent</th>
</tr>
<tr>
<td>1.</td>
<td>Emilia</td>
<td>132</td>
<td>1,5</td>
<td>1.</td>
<td>Felix</td>
<td>109</td>
<td>1,2</td>
</tr>
<tr>
<td>2.</td>
<td>Mia</td>
<td>124</td>
<td>1,4</td>
<td>2.</td>
<td>Noah</td>
<td>106</td>
<td>1,1</td>
</tr>
<tr>
<td>3.</td>
<td>Emma</td>
<td>108</td>
<td>1,2</td>
<td>3.</td>
<td>Adam</td>
<td>100</td>
<td>1,1</td>
</tr>
<tr>
<td>4.</td>
<td>Sophia</td>
<td>83</td>
<td>0,9</td>
<td>4.</td>
<td>David</td>
<td>98</td>
<td>1,0</td>
</tr>
<tr>
<td>5.</td>
<td>Sara</td>
<td>82</td>
<td>0,9</td>
<td>5.</td>
<td>Elias</td>
<td>95</td>
<td>1,0</td>
</tr>
<tr>
<td>6.</td>
<td>Laura</td>
<td>77</td>
<td>0,9</td>
<td>6.</td>
<td>Leon</td>
<td>94</td>
<td>1,0</td>
</tr>
<tr>
<td>7.</td>
<td>Sophie</td>
<td>74</td>
<td>0,8</td>
<td>6.</td>
<td>Maximilian</td>
<td>94</td>
<td>1,0</td>
</tr>
<tr>
<td>8.</td>
<td>Elena</td>
<td>73</td>
<td>0,8</td>
<td>8.</td>
<td>Theodor</td>
<td>93</td>
<td>1,0</td>
</tr>
<tr>
<td>9.</td>
<td>Lara</td>
<td>72</td>
<td>0,8</td>
<td>9.</td>
<td>Jakob</td>
<td>81</td>
<td>0,9</td>
</tr>
<tr>
<td>10.</td>
<td>Anna</td>
<td>71</td>
<td>0,8</td>
<td>10.</td>
<td>Mateo</td>
<td>75</td>
<td>0,8</td>
</tr>
</tbody>
</table>
</wm-table>Tabelle sortierbar
Wird mittels Attribute sort angesteuert
| Bezirk | Wasserhärte °dH (Grad deutscher Härte) |
Wasserhärte mmol/l (Millimol pro Liter) |
|---|---|---|
| 1 | 6°-12° | 1,07-1,87 |
| 3 | 6°-10° | 1,07-1,99 |
| 6 | 6°-13° | 1,07-1,97 |
<wm-table border="full" zebra="even" sort="true, false, false" alignment="center, end, end" header="wasserblau">
<table>
<caption>
Wasserhärte in den 23 Wiener Bezirken
</caption>
<thead>
<tr>
<th>Bezirk</th>
<th>Wasserhärte °dH<br />(Grad deutscher Härte)</th>
<th>
Wasserhärte mmol/l<br />
(Millimol pro Liter)
</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>6°-12°</td>
<td>1,07-1,87</td>
</tr>
<tr>
<td>3</td>
<td>6°-10°</td>
<td>1,07-1,99</td>
</tr>
<tr>
<td>6</td>
<td>6°-13°</td>
<td>1,07-1,97</td>
</tr>
</tbody>
</table>
</wm-table>Tabelle in Card
Freibäder der Stadt Wien
Öffnungszeiten
Montag bis Freitag: 9 bis 20 Uhr
Samstag, Sonntag und Feiertage: 8 bis 20 Uhr
Preise
| Kategorie | Preis |
|---|---|
| Erwachsene (ab 18 Jahren) | 5,90 Euro (4,40 Euro ermäßigt) |
| Jugendliche (15 bis 17 Jahre) | 3,20 Euro |
| Kinder (7 bis 14 Jahre) | 2 Euro |
| Kleinkinder (bis 6 Jahre) | Gratis |
| Familien (1 Erwachsener und 1 Kind) | 7 Euro |
<wm-card size="l">
<h2 slot="heading">Freibäder der Stadt Wien</h2>
<div slot="content">
<h3>Öffnungszeiten</h3>
<p>
Montag bis Freitag: 9 bis 20 Uhr <br/> Samstag, Sonntag und Feiertage: 8 bis 20 Uhr
</p>
<h3>Preise</h3>
<wm-table alignment="start, end" hideCaption="hideCaption">
<table>
<caption>Kategorien und Preise</caption>
<thead>
<tr>
<th>Kategorie</th>
<th>Preis</th>
</tr>
</thead>
<tbody>
<tr>
<td>Erwachsene (ab 18 Jahren)</td>
<td>5,90 Euro<br/>(4,40 Euro ermäßigt)</td>
</tr>
<tr>
<td>Jugendliche (15 bis 17 Jahre)</td>
<td>3,20 Euro</td>
</tr>
<tr>
<td>Kinder (7 bis 14 Jahre)</td>
<td>2 Euro</td>
</tr>
<tr>
<td>Kleinkinder (bis 6 Jahre)</td>
<td>Gratis</td>
</tr>
<tr>
<td>Familien (1 Erwachsener und 1 Kind)</td>
<td>7 Euro</td>
</tr>
</tbody>
</table>
</wm-table>
</div>
</wm-card>Tabelle ViennaViz
<wm-tabs>
<wm-tab slot="tab">Chart</wm-tab>
<wm-tabpanel>
<wm-stack grow equal>
<figure>
<div class="viennaviz-container" style="overflow: hidden; padding-top: 77%; position: relative;">
<iframe
src="https://stp.wien.gv.at/viennaviz/anonymous/embed.html?id=d043bf84-dd58-4947-9dc8-538894993480&status=published"
name="ViennaViz Visualisierung"
style="border: 0; height: 100%; left:0; position: absolute; top: 0; width: 100%;">
<p>Keine Unterstützung für iframes in Ihrem Browser</p>
</iframe>
</div>
<figcaption class="image-caption">
Beispiel für ein ViennaViz-Diagramm
</figcaption>
</figure>
</wm-stack>
</wm-tabpanel>
<wm-tab slot="tab">Tabelle</wm-tab>
<wm-tabpanel>
<wm-table header="wasserblau" zebra="odd" alignment="end">
<table>
<thead>
<tr>
<th>
<p>
Jahr
</p>
</th>
<th>
<p>
Wachstum (absolut)
</p>
</th>
<th>
<p>
Geburtenbilanz
</p>
</th>
<th>
<p>
Wanderungsbilanz (aussen & binnen)
</p>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
1961
</p>
</td>
<td>
<p>
-3504
</p>
</td>
<td>
<p>
-6515
</p>
</td>
<td>
<p>
3011
</p>
</td>
</tr>
<tr>
<td>
<p>
1962
</p>
</td>
<td>
<p>
-810
</p>
</td>
<td>
<p>
-6645
</p>
</td>
<td>
<p>
5835
</p>
</td>
</tr>
<tr>
<td>
<p>
1963
</p>
</td>
<td>
<p>
-1401
</p>
</td>
<td>
<p>
-6072
</p>
</td>
<td>
<p>
4671
</p>
</td>
</tr>
<tr>
<td>
<p>
1964
</p>
</td>
<td>
<p>
-952
</p>
</td>
<td>
<p>
-5834
</p>
</td>
<td>
<p>
4882
</p>
</td>
</tr>
<tr>
<td>
<p>
1965
</p>
</td>
<td>
<p>
-2169
</p>
</td>
<td>
<p>
-7681
</p>
</td>
<td>
<p>
5512
</p>
</td>
</tr>
<tr>
<td>
<p>
1966
</p>
</td>
<td>
<p>
2009
</p>
</td>
<td>
<p>
-6551
</p>
</td>
<td>
<p>
8560
</p>
</td>
</tr>
<tr>
<td>
<p>
1967
</p>
</td>
<td>
<p>
3629
</p>
</td>
<td>
<p>
-7289
</p>
</td>
<td>
<p>
10918
</p>
</td>
</tr>
<tr>
<td>
<p>
1968
</p>
</td>
<td>
<p>
1300
</p>
</td>
<td>
<p>
-7246
</p>
</td>
<td>
<p>
8546
</p>
</td>
</tr>
<tr>
<td>
<p>
1969
</p>
</td>
<td>
<p>
-1439
</p>
</td>
<td>
<p>
-9215
</p>
</td>
<td>
<p>
7776
</p>
</td>
</tr>
<tr>
<td>
<p>
1970
</p>
</td>
<td>
<p>
-4127
</p>
</td>
<td>
<p>
-10284
</p>
</td>
<td>
<p>
6157
</p>
</td>
</tr>
<tr>
<td>
<p>
1971
</p>
</td>
<td>
<p>
948
</p>
</td>
<td>
<p>
-11318
</p>
</td>
<td>
<p>
12266
</p>
</td>
</tr>
<tr>
<td>
<p>
1972
</p>
</td>
<td>
<p>
4592
</p>
</td>
<td>
<p>
-10684
</p>
</td>
<td>
<p>
15276
</p>
</td>
</tr>
<tr>
<td>
<p>
1973
</p>
</td>
<td>
<p>
2236
</p>
</td>
<td>
<p>
-10612
</p>
</td>
<td>
<p>
12848
</p>
</td>
</tr>
<tr>
<td>
<p>
1974
</p>
</td>
<td>
<p>
-16165
</p>
</td>
<td>
<p>
-10682
</p>
</td>
<td>
<p>
-5483
</p>
</td>
</tr>
<tr>
<td>
<p>
1975
</p>
</td>
<td>
<p>
-15365
</p>
</td>
<td>
<p>
-12412
</p>
</td>
<td>
<p>
-2953
</p>
</td>
</tr>
<tr>
<td>
<p>
1976
</p>
</td>
<td>
<p>
-14585
</p>
</td>
<td>
<p>
-13367
</p>
</td>
<td>
<p>
-1218
</p>
</td>
</tr>
<tr>
<td>
<p>
1977
</p>
</td>
<td>
<p>
-10175
</p>
</td>
<td>
<p>
-12770
</p>
</td>
<td>
<p>
2595
</p>
</td>
</tr>
<tr>
<td>
<p>
1978
</p>
</td>
<td>
<p>
-17037
</p>
</td>
<td>
<p>
-12873
</p>
</td>
<td>
<p>
-4164
</p>
</td>
</tr>
<tr>
<td>
<p>
1979
</p>
</td>
<td>
<p>
-14050
</p>
</td>
<td>
<p>
-11797
</p>
</td>
<td>
<p>
-2253
</p>
</td>
</tr>
<tr>
<td>
<p>
1980
</p>
</td>
<td>
<p>
-6404
</p>
</td>
<td>
<p>
-10953
</p>
</td>
<td>
<p>
4549
</p>
</td>
</tr>
<tr>
<td>
<p>
1981
</p>
</td>
<td>
<p>
-6514
</p>
</td>
<td>
<p>
-10130
</p>
</td>
<td>
<p>
3616
</p>
</td>
</tr>
<tr>
<td>
<p>
1982
</p>
</td>
<td>
<p>
-17997
</p>
</td>
<td>
<p>
-9626
</p>
</td>
<td>
<p>
-8371
</p>
</td>
</tr>
<tr>
<td>
<p>
1983
</p>
</td>
<td>
<p>
-10768
</p>
</td>
<td>
<p>
-10172
</p>
</td>
<td>
<p>
-596
</p>
</td>
</tr>
<tr>
<td>
<p>
1984
</p>
</td>
<td>
<p>
-4992
</p>
</td>
<td>
<p>
-9017
</p>
</td>
<td>
<p>
4025
</p>
</td>
</tr>
<tr>
<td>
<p>
1985
</p>
</td>
<td>
<p>
-3918
</p>
</td>
<td>
<p>
-9374
</p>
</td>
<td>
<p>
5456
</p>
</td>
</tr>
<tr>
<td>
<p>
1986
</p>
</td>
<td>
<p>
-5472
</p>
</td>
<td>
<p>
-8289
</p>
</td>
<td>
<p>
2817
</p>
</td>
</tr>
<tr>
<td>
<p>
1987
</p>
</td>
<td>
<p>
-1226
</p>
</td>
<td>
<p>
-7366
</p>
</td>
<td>
<p>
6140
</p>
</td>
</tr>
<tr>
<td>
<p>
1988
</p>
</td>
<td>
<p>
1519
</p>
</td>
<td>
<p>
-6077
</p>
</td>
<td>
<p>
7596
</p>
</td>
</tr>
<tr>
<td>
<p>
1989
</p>
</td>
<td>
<p>
6859
</p>
</td>
<td>
<p>
-4934
</p>
</td>
<td>
<p>
11793
</p>
</td>
</tr>
<tr>
<td>
<p>
1990
</p>
</td>
<td>
<p>
10136
</p>
</td>
<td>
<p>
-4454
</p>
</td>
<td>
<p>
14590
</p>
</td>
</tr>
<tr>
<td>
<p>
1991
</p>
</td>
<td>
<p>
19677
</p>
</td>
<td>
<p>
-3637
</p>
</td>
<td>
<p>
23314
</p>
</td>
</tr>
<tr>
<td>
<p>
1992
</p>
</td>
<td>
<p>
15074
</p>
</td>
<td>
<p>
-3471
</p>
</td>
<td>
<p>
18545
</p>
</td>
</tr>
<tr>
<td>
<p>
1993
</p>
</td>
<td>
<p>
11913
</p>
</td>
<td>
<p>
-2820
</p>
</td>
<td>
<p>
14733
</p>
</td>
</tr>
<tr>
<td>
<p>
1994
</p>
</td>
<td>
<p>
-6769
</p>
</td>
<td>
<p>
-2568
</p>
</td>
<td>
<p>
-4201
</p>
</td>
</tr>
<tr>
<td>
<p>
1995
</p>
</td>
<td>
<p>
-3665
</p>
</td>
<td>
<p>
-3522
</p>
</td>
<td>
<p>
-143
</p>
</td>
</tr>
<tr>
<td>
<p>
1996
</p>
</td>
<td>
<p>
3189
</p>
</td>
<td>
<p>
-3104
</p>
</td>
<td>
<p>
6293
</p>
</td>
</tr>
<tr>
<td>
<p>
1997
</p>
</td>
<td>
<p>
-1316
</p>
</td>
<td>
<p>
-2947
</p>
</td>
<td>
<p>
1631
</p>
</td>
</tr>
<tr>
<td>
<p>
1998
</p>
</td>
<td>
<p>
1377
</p>
</td>
<td>
<p>
-2847
</p>
</td>
<td>
<p>
4224
</p>
</td>
</tr>
<tr>
<td>
<p>
1999
</p>
</td>
<td>
<p>
6285
</p>
</td>
<td>
<p>
-2826
</p>
</td>
<td>
<p>
9111
</p>
</td>
</tr>
<tr>
<td>
<p>
2000
</p>
</td>
<td>
<p>
5419
</p>
</td>
<td>
<p>
-2041
</p>
</td>
<td>
<p>
7460
</p>
</td>
</tr>
<tr>
<td>
<p>
2001
</p>
</td>
<td>
<p>
17167
</p>
</td>
<td>
<p>
-1776
</p>
</td>
<td>
<p>
18943
</p>
</td>
</tr>
<tr>
<td>
<p>
2002
</p>
</td>
<td>
<p>
21723
</p>
</td>
<td>
<p>
-488
</p>
</td>
<td>
<p>
21488
</p>
</td>
</tr>
<tr>
<td>
<p>
2003
</p>
</td>
<td>
<p>
17564
</p>
</td>
<td>
<p>
-494
</p>
</td>
<td>
<p>
17094
</p>
</td>
</tr>
<tr>
<td>
<p>
2004
</p>
</td>
<td>
<p>
22159
</p>
</td>
<td>
<p>
873
</p>
</td>
<td>
<p>
19658
</p>
</td>
</tr>
<tr>
<td>
<p>
2005
</p>
</td>
<td>
<p>
19880
</p>
</td>
<td>
<p>
713
</p>
</td>
<td>
<p>
17181
</p>
</td>
</tr>
<tr>
<td>
<p>
2006
</p>
</td>
<td>
<p>
8797
</p>
</td>
<td>
<p>
1316
</p>
</td>
<td>
<p>
6772
</p>
</td>
</tr>
<tr>
<td>
<p>
2007
</p>
</td>
<td>
<p>
9975
</p>
</td>
<td>
<p>
1060
</p>
</td>
<td>
<p>
10809
</p>
</td>
</tr>
<tr>
<td>
<p>
2008
</p>
</td>
<td>
<p>
8914
</p>
</td>
<td>
<p>
1673
</p>
</td>
<td>
<p>
7445
</p>
</td>
</tr>
<tr>
<td>
<p>
2009
</p>
</td>
<td>
<p>
9860
</p>
</td>
<td>
<p>
822
</p>
</td>
<td>
<p>
8878
</p>
</td>
</tr>
<tr>
<td>
<p>
2010
</p>
</td>
<td>
<p>
12860
</p>
</td>
<td>
<p>
1702
</p>
</td>
<td>
<p>
10977
</p>
</td>
</tr>
<tr>
<td>
<p>
2011
</p>
</td>
<td>
<p>
14229
</p>
</td>
<td>
<p>
2252
</p>
</td>
<td>
<p>
11821
</p>
</td>
</tr>
<tr>
<td>
<p>
2012
</p>
</td>
<td>
<p>
24162
</p>
</td>
<td>
<p>
1861
</p>
</td>
<td>
<p>
22314
</p>
</td>
</tr>
<tr>
<td>
<p>
2013
</p>
</td>
<td>
<p>
25500
</p>
</td>
<td>
<p>
2359
</p>
</td>
<td>
<p>
22711
</p>
</td>
</tr>
<tr>
<td>
<p>
2014
</p>
</td>
<td>
<p>
30591
</p>
</td>
<td>
<p>
3246
</p>
</td>
<td>
<p>
26692
</p>
</td>
</tr>
<tr>
<td>
<p>
2015
</p>
</td>
<td>
<p>
42889
</p>
</td>
<td>
<p>
3405
</p>
</td>
<td>
<p>
39185
</p>
</td>
</tr>
<tr>
<td>
<p>
2016
</p>
</td>
<td>
<p>
27356
</p>
</td>
<td>
<p>
4773
</p>
</td>
<td>
<p>
22277
</p>
</td>
</tr>
<tr>
<td>
<p>
2017
</p>
</td>
<td>
<p>
21194
</p>
</td>
<td>
<p>
4152
</p>
</td>
<td>
<p>
16791
</p>
</td>
</tr>
<tr>
<td>
<p>
2018
</p>
</td>
<td>
<p>
8715
</p>
</td>
<td>
<p>
3151
</p>
</td>
<td>
<p>
5679
</p>
</td>
</tr>
<tr>
<td>
<p>
2019
</p>
</td>
<td>
<p>
13700
</p>
</td>
<td>
<p>
3785
</p>
</td>
<td>
<p>
9887
</p>
</td>
</tr>
</tbody>
</table>
</wm-table>
<figcaption class="image-caption">
Beispiel für eine Tabelle zu einem ViennaViz-Diagramm
</figcaption>
</wm-tabpanel>
</wm-tabs>Interaktive Demo
| Einbringende Partei | Betreff | Download | Ergebnis |
|---|---|---|---|
| SPÖ | Resolution - Lehre statt Leere | XX-KB-PDF | angenommen |
| SPÖ | Resolution - Lieber gleichberechtigt, als später! | XXX-KB-PDF | abgelehnt |
| SPÖ | Weiterentwicklung des Alszeilenmarkts | XX-KB-PDF | unbekannt angenommen |
| SPÖ und NEOS | Informationsveranstaltung U5 | XX-KB-PDF | ist nicht klar |
<wm-table data-demo-pattern="wm-table-preview">
<table>
<caption>Bezeichnung</caption>
<thead>
<tr>
<th>Einbringende Partei</th>
<th>Betreff</th>
<th>Download</th>
<th>Ergebnis</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<abbr title="Sozialdemokratische Partei Österreichs">SPÖ</abbr>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/hernals/politik/sitzungen/pdf/20230308-resolution-lehrlinge.pdf">Resolution - Lehre statt Leere</a>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/brigittenau/politik/sitzungen/pdf/antrag-20230315-deutsch-lernen.pdf">XX-KB-PDF</a>
</td>
<td>angenommen</td>
</tr>
<tr>
<td>
<abbr title="Sozialdemokratische Partei Österreichs">SPÖ</abbr>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/hernals/politik/sitzungen/pdf/20230308-resolution-frauentag.pdf">Resolution - Lieber gleichberechtigt, als später!</a>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/brigittenau/politik/sitzungen/pdf/antrag-20230315-deutsch-lernen.pdf">XXX-KB-PDF</a>
</td>
<td>abgelehnt</td>
</tr>
<tr>
<td>
<abbr title="Sozialdemokratische Partei Österreichs">SPÖ</abbr>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/hernals/politik/sitzungen/pdf/20230308-antrag-alszeilenmarkt.pdf">Weiterentwicklung des Alszeilenmarkts</a>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/brigittenau/politik/sitzungen/pdf/antrag-20230315-deutsch-lernen.pdf">XX-KB-PDF</a>
</td>
<td>unbekannt angenommen</td>
</tr>
<tr>
<td>
<abbr title="Sozialdemokratische Partei Österreich">SPÖ</abbr> und <abbr title="Das neue Österreich und Liberales Forum">NEOS</abbr>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/hernals/politik/sitzungen/pdf/20230308-antrag-informationsveranstaltung-u5.pdf">Informationsveranstaltung U5</a>
</td>
<td>
<a href="https://www.wien.gv.at/bezirke/brigittenau/politik/sitzungen/pdf/antrag-20230315-deutsch-lernen.pdf">XX-KB-PDF</a>
</td>
<td>ist nicht klar</td>
</tr>
</tbody>
</table>
</wm-table>Weitere Farben
Wichtige Informationen zur Verwendung weiterer Farben finden Sie im Bereich Development - Individuelle Anpassungen.
Die in der Demo aufgelisteten Farben sind nur im Wiener-Melange-Theme verfügbar. Um Ihre eigenen Farben im White-Label-Theme zu definieren, fügen Sie einfach CSS-Regeln nach dem folgenden Muster hinzu:
wm-table[color="meinefarben"] {
--table-zebra-color: pink;
}
wm-table[color="meinefarben"] th {
--wm-theme-table-background: red;
}<wm-table border="full" zebra="odd" color="meinefarben">
<table>
<caption>
Wasserhärte in den 23 Wiener Bezirken
</caption>
<thead>
<tr>
<th>Bezirk</th>
<th>Wasserhärte °dH<br/>(Grad deutscher Härte)</th>
<th>
Wasserhärte mmol/l<br/> (Millimol pro Liter)
</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>6°-12°</td>
<td>1,07-1,87</td>
</tr>
<tr>
<td>3</td>
<td>6°-10°</td>
<td>1,07-1,99</td>
</tr>
<tr>
<td>6</td>
<td>6°-13°</td>
<td>1,07-1,97</td>
</tr>
</tbody>
</table>
</wm-table>| Bezirk | Wasserhärte °dH (Grad deutscher Härte) |
Wasserhärte mmol/l (Millimol pro Liter) |
|---|---|---|
| 1 | 6°-12° | 1,07-1,87 |
| 3 | 6°-10° | 1,07-1,99 |
| 6 | 6°-13° | 1,07-1,97 |
Abhängigkeiten
<script src="https://assets.wien.gv.at/theme/latest/js/components/Table/Table.js" type="module"></script>
<script src="https://assets.wien.gv.at/theme/latest/js/components/Button/Button.js" type="module"></script>import { Table } from './wienermelange/assets/js/components/Table/Table.js';
import { Button } from './wienermelange/assets/js/components/Button/Button.js';Eigenschaften
| Eigenschaft | Beschreibung | Werte | Default |
|---|---|---|---|
alignment
|
Ausrichtung der Spalten: Ein Wert für alle Spalten oder Komma-separierte Liste. |
'start'|'end'|'center'
|
leer |
border
|
Rahmen |
'columns'|'columns-frame'|'grid'|'full'|'none'|'head'|'rows'|'frame'
|
leer |
cols
|
Breite der Spalten. Entweder relativ zur Gesamtbreite, angegeben in Fraktionen (1, 2, 1) oder Pixel (200px, 150px 400px) oder Mischung (200px, 1, 2) |
String
|
leer |
header
|
Header einfärben |
'abendstimmung'|'flieder'|'frischgruen'|'goldgelb'|'morgenrot'|'nebelgrau'|'wasserblau'
|
leer |
hideCaption
|
Caption verbergen |
Boolean
|
false
|
label
|
Accessible name für die Region |
String
|
""
|
sort
|
Spalte sortieren (Komma-separierte Liste von Booleans) |
String
|
leer |
zebra
|
Zebra gerade oder ungerade |
'even'|'odd'
|
leer |
Slots
| Name | Beschreibung |
|---|---|
default
|
Text |
Methoden
| Eigenschaft | Optionen | Argumente |
|---|---|---|
rearrangeRows
|
Zeilen neu sortieren |
Table-Header der Spalte, die sortiert werden soll
(Node)1 aufsteigend oder 0 absteigend ( Number) |
Events
| Event | Beschreibung | Rückgabewert |
|---|---|---|
wm-table-sorted
|
Wenn eine Spalte sortiert wurde |
direction, column
|
CSS API
| Property | Beschreibung |
|---|---|
--table-zebra-color
|
Farbe für das Zebramuster |
Kontakt
Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht
bietet?
handbuch@ma53.wien.gv.at