Table
Striped table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
| 3 | Larry the Bird | ||
| 3 | Larry the Bird | ||
Normal table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
| 3 | Larry the Bird | ||
| 3 | Larry the Bird | ||
Table striped - HTML-Code
1
2 // Table striped
3 <table class="table table-striped table-hover table-responsive">
4 <thead>
5 <tr>
6 <th scope="col">#</th>
7 <th scope="col">First</th>
8 <th scope="col">Last</th>
9 <th scope="col">Handle</th>
10 </tr>
11 </thead>
12 <tbody>
13 <tr>
14 <th scope="row">1</th>
15 <td>Mark</td>
16 <td>Otto</td>
17 <td>@mdo</td>
18 </tr>
19 <tr>
20 <th scope="row">2</th>
21 <td>Jacob</td>
22 <td>Thornton</td>
23 <td>@fat</td>
24 </tr>
25 <tr>
26 <th scope="row">3</th>
27 <td colSpan={2}>Larry the Bird</td>
28 <td>@twitter</td>
29 </tr>
30 </tbody>
31 </table>Table normal - HTML-Code
1
2 // Table striped
3 <table class="table table-hover table-responsive">
4 <thead>
5 <tr>
6 <th scope="col">#</th>
7 <th scope="col">First</th>
8 <th scope="col">Last</th>
9 <th scope="col">Handle</th>
10 </tr>
11 </thead>
12 <tbody>
13 <tr>
14 <th scope="row">1</th>
15 <td>Mark</td>
16 <td>Otto</td>
17 <td>@mdo</td>
18 </tr>
19 <tr>
20 <th scope="row">2</th>
21 <td>Jacob</td>
22 <td>Thornton</td>
23 <td>@fat</td>
24 </tr>
25 <tr>
26 <th scope="row">3</th>
27 <td colSpan={2}>Larry the Bird</td>
28 <td>@twitter</td>
29 </tr>
30 </tbody>
31 </table>