tabele

poprawne kodowanie tabeli:

<table>
  <caption>
    Nazwa tabeli
  </caption>
  <thead>
    <tr>
      <th>tytuł 1 kolumny</th>
      <th>tytuł 2 kolumny</th>
      <th>tytuł 3 kolumny</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>tytuł wiersza 1</th>
      <td>treść kolmny 2</td>
      <td>treść kolmny 3</td>
    </tr>
    <tr>
      <th>tytuł wiersza 2</th>
      <td>treść kolmny 2</td>
      <td>treść kolmny 3</td>
    </tr>
    <tr>
      <th>tytuł wiersza 3</th>
      <td>treść kolmny 2</td>
      <td>treść kolmny 3</td>
    </tr>   
  </tbody>
  <tfoot>
    <tr>
      opis stopki tabeli
    </tr>
  </tfoot>    
</table>

 

atrybut elementu td – rowspan, colspan – łączenie komórek w kolumnie lub wierszu.

<td rowspan="2">
<td colspan="3">

 

Formatowanie Tabeli

  • border-spacing:10px; lub border-spacing:5px 10px;
  • border-collapse – komórki wewnątrz tabeli zyskują podwójne lub pojedyncze wewnętrzne obramowanie
    • collapse – bez przestrzeni pomiędzy komórkami
    • separate – z przestrzenią pomiędzy komórkami
  • empty-cells – zarządzanie wyświetlaniem pustych komórek
    • hide
    • show
  • table-layout – sposób wyświetlania tabeli
    • fixed – sztywna wielkość
    • auto – dopasowana do zawartości

 

 

#tools