Yksinkertaisten taulukoiden kokoaminen on helppoa, mutta esimerkiksi koirien sukutaulukkoja rakennettaessa taulukkojen koodi menee nopeasti hyvin pitkäksi ja monimutkaiseksi. Esimerkiksi kuusi sukupolvea käsittävässä taulukossa on jo yli 60 solua, ja rowspan-muotoilun käytössä ei välttämättä tunnu näkyvän logiikkaa lainkaan. Kokeneempikin kotisivunrakentaja saattaa joutua miettimään sukutaulukon rakentamista kahteen kertaan.
Tällä sivulla on esitelty yleisimmät, vaikeiksi koetut sukutaulukot sekä niiden lähdekoodit. Solut on numeroitu siinä järjestyksessä kuin ne esiintyvät lähdekoodissa.
Takaisin "Oppaat ja esimerkit" -osion etusivulle
| X1 | X2 | X3 |
| X4 | ||
| X5 | X6 | |
| X7 |
<table border="1"> <tr> <td rowspan="4">X1</td> <td rowspan="2">X2</td> <td rowspan="1">X3</td> </tr> <tr> <td rowspan="1">X4</td> </tr> <tr> <td rowspan="2">X5</td> <td rowspan="1">X6</td> </tr> <tr> <td rowspan="1">X7</td> </tr> </table>
Takaisin "Oppaat ja esimerkit" -osion etusivulle
| X1 | X2 | X3 | X4 |
| X5 | |||
| X6 | X7 | ||
| X8 | |||
| X9 | X10 | X11 | |
| X12 | |||
| X13 | X14 | ||
| X15 |
<table border="1"> <tr> <td rowspan="8">X1</td> <td rowspan="4">X2</td> <td rowspan="2">X3</td> <td rowspan="1">X4</td> </tr> <tr> <td rowspan="1">X5</td> </tr> <tr> <td rowspan="2">X6</td> <td rowspan="1">X7</td> </tr> <tr> <td rowspan="1">X8</td> </tr> <tr> <td rowspan="4">X9</td> <td rowspan="2">X10</td> <td rowspan="1">X11</td> </tr> <tr> <td rowspan="1">X12</td> </tr> <tr> <td rowspan="2">X13</td> <td rowspan="1">X14</td> </tr> <tr> <td rowspan="1">X15</td> </tr> </table>
Takaisin "Oppaat ja esimerkit" -osion etusivulle
| X1 | X2 | X3 | X4 | X5 |
| X6 | ||||
| X7 | X8 | |||
| X9 | ||||
| X10 | X11 | X12 | ||
| X13 | ||||
| X14 | X15 | |||
| X16 | ||||
| X17 | X18 | X19 | X20 | |
| X21 | ||||
| X22 | X23 | |||
| X24 | ||||
| X25 | X26 | X27 | ||
| X28 | ||||
| X29 | X30 | |||
| X31 |
<table border="1"> <tr> <td rowspan="16">X1</td> <td rowspan="8">X2</td> <td rowspan="4">X3</td> <td rowspan="2">X4</td> <td rowspan="1">X5</td> </tr> <tr> <td rowspan="1">X6</td> </tr> <tr> <td rowspan="2">X7</td> <td rowspan="1">X8</td> </tr> <tr> <td rowspan="1">X9</td> </tr> <tr> <td rowspan="4">X10</td> <td rowspan="2">X11</td> <td rowspan="1">X12</td> </tr> <tr> <td rowspan="1">X13</td> </tr> <tr> <td rowspan="2">X14</td> <td rowspan="1">X15</td> </tr> <tr> <td rowspan="1">X16</td> </tr> <tr> <td rowspan="8">X17</td> <td rowspan="4">X18</td> <td rowspan="2">X19</td> <td rowspan="1">X20</td> </tr> <tr> <td rowspan="1">X21</td> </tr> <tr> <td rowspan="2">X22</td> <td rowspan="1">X23</td> </tr> <tr> <td rowspan="1">X24</td> </tr> <tr> <td rowspan="4">X25</td> <td rowspan="2">X26</td> <td rowspan="1">X27</td> </tr> <tr> <td rowspan="1">X28</td> </tr> <tr> <td rowspan="2">X29</td> <td rowspan="1">X30</td> </tr> <tr> <td rowspan="1">X31</td> </tr> </table>
Takaisin "Oppaat ja esimerkit" -osion etusivulle
| X1 | X2 | X3 | X4 | X5 | X6 |
| X7 | |||||
| X8 | X9 | ||||
| X10 | |||||
| X11 | X12 | X13 | |||
| X14 | |||||
| X15 | X16 | ||||
| X17 | |||||
| X18 | X19 | X20 | X21 | ||
| X22 | |||||
| X23 | X24 | ||||
| X25 | |||||
| X26 | X27 | X28 | |||
| X29 | |||||
| X30 | X31 | ||||
| X32 | |||||
| X33 | X34 | X35 | X36 | X37 | |
| X38 | |||||
| X39 | X40 | ||||
| X41 | |||||
| X42 | X43 | X44 | |||
| X45 | |||||
| X46 | X47 | ||||
| X48 | |||||
| X49 | X50 | X51 | X52 | ||
| X53 | |||||
| X54 | X55 | ||||
| X56 | |||||
| X57 | X58 | X59 | |||
| X60 | |||||
| X61 | X62 | ||||
| X63 |
<table border="1"> <tr> <td rowspan="32">X1</td> <td rowspan="16">X2</td> <td rowspan="8">X3</td> <td rowspan="4">X4</td> <td rowspan="2">X5</td> <td rowspan="1">X6</td> </tr> <tr> <td rowspan="1">X7</td> </tr> <tr> <td rowspan="2">X8</td> <td rowspan="1">X9</td> </tr> <tr> <td rowspan="1">X10</td> </tr> <tr> <td rowspan="4">X11</td> <td rowspan="2">X12</td> <td rowspan="1">X13</td> </tr> <tr> <td rowspan="1">X14</td> </tr> <tr> <td rowspan="2">X15</td> <td rowspan="1">X16</td> </tr> <tr> <td rowspan="1">X17</td> </tr> <tr> <td rowspan="8">X18</td> <td rowspan="4">X19</td> <td rowspan="2">X20</td> <td rowspan="1">X21</td> </tr> <tr> <td rowspan="1">X22</td> </tr> <tr> <td rowspan="2">X23</td> <td rowspan="1">X24</td> </tr> <tr> <td rowspan="1">X25</td> </tr> <tr> <td rowspan="4">X26</td> <td rowspan="2">X27</td> <td rowspan="1">X28</td> </tr> <tr> <td rowspan="1">X29</td> </tr> <tr> <td rowspan="2">X30</td> <td rowspan="1">X31</td> </tr> <tr> <td rowspan="1">X32</td> </tr> <tr> <td rowspan="16">X33</td> <td rowspan="8">X34</td> <td rowspan="4">X35</td> <td rowspan="2">X36</td> <td rowspan="1">X37</td> </tr> <tr> <td rowspan="1">X38</td> </tr> <tr> <td rowspan="2">X39</td> <td rowspan="1">X40</td> </tr> <tr> <td rowspan="1">X41</td> </tr> <tr> <td rowspan="4">X42</td> <td rowspan="2">X43</td> <td rowspan="1">X44</td> </tr> <tr> <td rowspan="1">X45</td> </tr> <tr> <td rowspan="2">X46</td> <td rowspan="1">X47</td> </tr> <tr> <td rowspan="1">X48</td> </tr> <tr> <td rowspan="8">X49</td> <td rowspan="4">X50</td> <td rowspan="2">X51</td> <td rowspan="1">X52</td> </tr> <tr> <td rowspan="1">X53</td> </tr> <tr> <td rowspan="2">X54</td> <td rowspan="1">X55</td> </tr> <tr> <td rowspan="1">X56</td> </tr> <tr> <td rowspan="4">X57</td> <td rowspan="2">X58</td> <td rowspan="1">X59</td> </tr> <tr> <td rowspan="1">X60</td> </tr> <tr> <td rowspan="2">X61</td> <td rowspan="1">X62</td> </tr> <tr> <td rowspan="1">X63</td> </tr> </table>