MAC PARA

Templates - tables

TABULKY

Šablony

TABULKA | Široký řádek | Různá barva řádků

# 1. sloupec 2. sloupec 3. sloupec
1 text text text
2 text text text
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">1. sloupec</th>
      <th scope="col">2. sloupec</th>
      <th scope="col">3. sloupec</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>2</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
  </tbody>
</table>

TABULKA | Úzký řádek | šířka 100%

# 1. sloupec
1 text
2 text
<table class="table table-sm">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">1. sloupec</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>text</td>
    </tr>
    <tr>
      <td>2</td>
      <td>text</td>
    </tr>
  </tbody>
</table>

TABULKA | Úzký řádek | Šířka 50% | Hover efekt

# 1. sloupec
1 text
2 text
<table class="table table-sm">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">1. sloupec</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>text</td>
    </tr>
    <tr>
      <td>2</td>
      <td>text</td>
    </tr>
  </tbody>
</table>

TABULKA | Úzký řádek | Šířka 100% | Od breakpointu MD responsive

# 1. sloupec 2. sloupec 3. sloupec 4. sloupec 5. sloupec 6. sloupec 7. sloupec 8. sloupec
# text text text text text text text text
# text text text text text text text text
# text text text text text text text text
# text text text text text text text text
# text text text text text text text text
# text text text text text text text text
# text text text text text text text text
# text text text text text text text text
<table class="table table-sm table-responsive-md w-100">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">1. sloupec</th>
<th scope="col">2. sloupec</th>
... htmlblabla ...
</tr>
</tbody>
</table>
FLY IN PEACE