blob: 4cb996cdcd12fb3200f27c21f3b3419db12a7ef1 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
p Tables include default styles for tables and data sets.
.docs-demo.columns
.column.col-12
table.table.table-striped
thead
tr
th Name
th Genre
th Release date
tbody
tr
td The Shawshank Redemption
td Crime, Drama
td 14 October 1994
tr
td The Godfather
td Crime, Drama
td 24 March 1972
tr
td Schindler's List
td Biography, Drama, History
td 4 February 1994
tr
td Se7en
td Crime, Drama, Mystery
td 22 September 1995
p
| Add the #[code table] class to any #{'<table>'} element.
| The class will add padding, border and emphasized table header.
| Use the #[code table-striped] class to #{'<table>'} to add zebra striped style.
| For hoverable table rows, you can add the #[code table-hover] class to enable hover style.
p
| Use the #[code active] class to make #{'<tr>'} element highlighted.
pre.code(data-lang='HTML')
code
:highlight(lang="html")
<table class="table table-striped table-hover">
<thead>
<tr>
<th>name</th>
<th>genre</th>
<th>release date</th>
</tr>
</thead>
<tbody>
<tr class="active">
<td>The Shawshank Redemption</td>
<td>Crime, Drama</td>
<td>14 October 1994</td>
</tr>
</tbody>
</table>
|
