Differences

This shows you the differences between two versions of the page.

--- playground:playground [2009/12/05 19:13] – megadiscman
+++ playground:playground [2009/12/06 00:05] – megadiscman
@@ Line 1: / Line 1: @@
 ====== PlayGround ======
 asdasd
+=== DokuWiki-Tabelle ===
 <m>a^2+b^2=c^2=E/m</m>
+|  ^^   1  || ^   2  ||
+|  ^^  a^  b| ^  c^  d^
+^ 1^ a|  1|  2| |  5|  6|
+^ 1^ b|  3|  4| |  7|  8|
+|  |  |   |   | |   |   |
+^ 2^ c|  9| 10| | 11| 12|
+^ 2^ d| 13| 14| | 15| 16|
+=== Handmade-Tabelle ===
 <html>
-    <table rules="groups" border="2" frame="void">
+    <!-- I know that CSS in the body violates the specs! -->
-      <colgroup span="2">
+    <style type="text/css">
-      <colgroup span="3" style="width:2em">
+<!-- .x td {text-align:right;padding:0.2em;}
-      <colgroup span="3">
+     .x tr th {text-align:right;padding:0.2em;background-color:#aaf;}
-      <colgroup span="3">
+     tr.c th {text-align:center;}--></style>
-      <thead>
+</html>
+<html>
+    <table class="x" rules="groups" frame="void">
+      <colgroup span="2" style="width:1.3em">
+      <colgroup span="2" style="width:2em">
+      <colgroup span="2" style="width:2em">
+      <thead><tr class="c"><td colspan="2" rowspan=2></td>
+          <th colspan="2">1</th>       <th colspan="2">2</th>
+      </tr>
       <tr>
-        <td colspan="2"></td>
+        <th>  a </th><th>  b </th>   <th>  c </th><th>  d </th>
-        <th colspan="3"style="text-align:center">1</th>
-        <th colspan="3">2</th>
-        <th colspan="3">3</th>
-      <tr>
-        <td colspan="2"></td>
-        <th>a</th>
-        <th>b</th>
-        <th>c</th>
-        <th>a</th>
-        <th>b</th>
-        <th>c</th>
-        <th>a</th>
-        <th>b</th>
-        <th>c</th>
       </tr>
       </thead>
-      <tbody>
+      <tbody><tr><th rowspan="2">1</th><th>a</th>
-      <tr>
+        <td>  0 </td><td>  1 </td>   <td>  5 </td><td>  6 </td>
-        <th rowspan="3">1</th>
-        <th>a</th>
-        <td>0</td><td>1</td><td>2</td>
-        <td>0</td><td>1</td><td>2</td>
-        <td>0</td><td>1</td><td>2</td>
       </tr>
-      <tr>
+      <tr><th>b</th>
-        <th>b</th>
+        <td>  2 </td><td>  3 </td>   <td>  7 </td><td>  8 </td>
-        <td>0</td><td>1</td><td>2</td>
+      </tr></tbody>
-        <td>0</td><td>1</td><td>2</td>
+      <tbody><tr><th rowspan="2">1</th><th>c</th>
-        <td>0</td><td>1</td><td>2</td>
+        <td>  8 </td><td>  9 </td>   <td> 10 </td><td> 11 </td>
       </tr>
-      <tr>
+      <tr><th>d</th>
-        <th>c</th>
+        <td> 12 </td><td> 13 </td>   <td> 14 </td><td> 15 </td>
-        <td>0</td><td>1</td><td>2</td>
+      </tr></tbody>
-        <td>0</td><td>1</td><td>2</td>
+    </table>
-        <td>0</td><td>1</td><td>2</td>
+</html>
+<html>
+    <table class="x" rules="groups" frame="void">
+      <col style="width:1.3em">
+      <colgroup span="2" style="width:2em">
+      <thead><tr><td></td>
+          <th>a</th>       <th>b</th>
+      </tr>
+      </thead>
+      <tbody><tr><th>a</th>
+        <td>  0 </td><td>  1 </td>
       </tr>
-      </tbody>
+      <tr><th>b</th>
+        <td>  2 </td><td>  3 </td>
+      </tr></tbody>
     </table>
 </html>