info@a-coding-project.de

WML:Tabellen

Ebenso wie bei HTML können auch mit WML Tabellen erstellt und angezeigt werden - allerdings sind WML-Tabellen weitaus einfacher gestrickt.

Tabelle definieren

Soll eine Tabelle definiert werden, wird dazu das table-Element verwendet. Dieses benötigt zudem das Attribut columns, welches die Anzahl der Spalten angibt. Dies ist notwendig, da durch die vorherige Angabe der zu erwartenden Spalten der Browser die Tabelle deutlich schneller rendern (~ darstellen) kann und somit weniger Rechenaufwand benötigt. Zudem ist zu beachten, dass WML-Tabellen weitaus einfacher und weniger komplex sind. So sollten Tabellen in WML beispielsweise in allen Zeilen über die gleiche Anzahl an Zellen verfügen und es gibt keine wie (in HTML möglich) Zellen die sich über die Länge von mehreren Zellen oder mehreren Spalten erstrecken. Folgend das Beispiel einer einfachen Tabelle:

<table columns="3">
 <tr>
  <td> Ich bin Zelle 1.1 </td>
  <td> Ich bin Zelle 1.2 </td>
  <td> Ich bin Zelle 1.3 </td>
 </tr>
 <tr>
  <td> Ich bin Zelle 2.1 </td>
  <td> Ich bin Zelle 2.2 </td>
  <td> Ich bin Zelle 2.3 </td>
 </tr>
</table>

Zeilen und Zellen definieren

Wie im obigen Beispiel zu sehen, werden Zeilen durch das tr-Element definiert. Eine Zeile kann dann wiederum die im columns-Attribut angegebene Anzahl an Zellen enthalten. Eine Zelle wird dabei durch das td-Element definiert.

Textausrichtung innerhalb der Zellen

Die Ausrichtung des Textes innerhalb der Zellen kann nicht wie bei normalem Text mittels des p-Elements definiert werden, sondern muss als Attribut des table-Elements erfolgen. Hierbei wird ähnlich einem Absatz das align-Element verwendet - wobei als Werteangabe L, C oder R verwendet wird. Existieren mehrere Spalten, können die unterschiedlichen Spalten durch Angabe mehrerer Werte eingestellt werden. Der erste Wert definiert dann die erste Spalte, der zweite Wert die zweite Spalte usw. Beispiel:

<table columns="3" align="LCR">
 <tr>
  <td> links </td>
  <td> mittig </td>
  <td> rechts</td>
 </tr>
 ...
</table>

Weiterlesen: ⯈ WML:Variablen

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant