Tabulka je v html prezentována tagem <table>
uvnitř kterého jsou taky <tr>
reprezentující řádky tabulky. Na řádku jsou pak jednotlivé elementy umístněny v tazích <td>
nebo <th>
.
<table> <tr><th>1</th><th>2</th></tr> <tr><td>1</td><td>2</td></tr> <tr><td>2</td><td>3</td></tr> </table>
V praxi jsem si oblíbil nový zápis tabulky jenž je v XHTML. Tento je podobný jen rozšířený o pár tagů.
table→thead|tfoot|tbody→tr→td|th
A takto vypadá ukázka zobrazení tabulky v XHTML se všemi tagy které používám.
<table class="třída
" … ostatní atributy>
<caption>Titulek tabulky</caption>
<thead><!-- Zde uvedujeden či více řádků hlavičky tabulky -->
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tfoot>
<tr><!-- optimální místo pro věci zobrazované pod tabulkou jako je navigace,
případně boxy pro vyhledání záznamu či zadání nového záznamu --></tr>
</tfoot>
<tbody>
<tr><!-- zobrazení řádků tabulky s daty -->
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
…
</tbody>
</table>
Podle tohoto XHTML vzoru napíši jednotlivé pohledy. Protože budu hojně využívat částečné zobrazení render :partial, nebude v mých pohledech nikdy tabulka uvedena takto v celku. Proto ji zde uvádím aby jste si mohli udržet