Komponent jest stylizowany zgodnie z motywem projektu przy użyciu standardowych znaczników html Bootstrap.

Dokumentacja Bootstrap

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<div class="table-responsive">
  <table class="table">
   <thead>
    <tr>
     <th scope="col">#</th>
     <th scope="col">First</th>
     <th scope="col">Last</th>
     <th scope="col">Handle</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <th scope="row">1</th>
     <td>Mark</td>
     <td>Otto</td>
     <td>@mdo</td>
    </tr>
    <tr>
     <th scope="row">2</th>
     <td>Jacob</td>
     <td>Thornton</td>
     <td>@fat</td>
    </tr>
    <tr>
     <th scope="row">3</th>
     <td>Larry</td>
     <td>the Bird</td>
     <td>@twitter</td>
    </tr>
   </tbody>
  </table>
</div>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<div class="table-responsive">
  <table class="table table-dark">
   <thead>
    <tr>
     <th scope="col">#</th>
     <th scope="col">First</th>
     <th scope="col">Last</th>
     <th scope="col">Handle</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <th scope="row">1</th>
     <td>Mark</td>
     <td>Otto</td>
     <td>@mdo</td>
    </tr>
    <tr>
     <th scope="row">2</th>
     <td>Jacob</td>
     <td>Thornton</td>
     <td>@fat</td>
    </tr>
    <tr>
     <th scope="row">3</th>
     <td>Larry</td>
     <td>the Bird</td>
     <td>@twitter</td>
    </tr>
   </tbody>
  </table>
</div>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<div class="table-responsive">
  <table class="table table-striped">
   <thead>
    <tr>
     <th scope="col">#</th>
     <th scope="col">First</th>
     <th scope="col">Last</th>
     <th scope="col">Handle</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <th scope="row">1</th>
     <td>Mark</td>
     <td>Otto</td>
     <td>@mdo</td>
    </tr>
    <tr>
     <th scope="row">2</th>
     <td>Jacob</td>
     <td>Thornton</td>
     <td>@fat</td>
    </tr>
    <tr>
     <th scope="row">3</th>
     <td>Larry</td>
     <td>the Bird</td>
     <td>@twitter</td>
    </tr>
   </tbody>
  </table>
</div>


Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!