Skip to content

Commit 4d88af1

Browse files
committed
Add group-columns example.
1 parent 3346bb3 commit 4d88af1

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed

options/group-columns.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Group Columns</title>
5+
<meta charset="utf-8">
6+
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
7+
<link rel="stylesheet" href="../assets/bootstrap-table/src/bootstrap-table.css">
8+
<link rel="stylesheet" href="../assets/examples.css">
9+
<script src="../assets/jquery.min.js"></script>
10+
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
11+
<script src="../assets/bootstrap-table/src/bootstrap-table.js"></script>
12+
<script src="../ga.js"></script>
13+
</head>
14+
<body>
15+
<div class="container">
16+
<h1>Group Columns</h1>
17+
<p>Use <code>rowspan, colspan</code> options to set the group columns header.</p>
18+
<table id="table"
19+
data-toggle="table"
20+
data-url="../json/data1.json">
21+
<thead>
22+
<tr>
23+
<th colspan="2">Item Detail</th>
24+
<th data-field="id" rowspan="2" data-valign="middle">Item ID</th>
25+
</tr>
26+
<tr>
27+
<th data-field="name">Item Name</th>
28+
<th data-field="price">Item Price</th>
29+
</tr>
30+
</thead>
31+
</table>
32+
</div>
33+
</body>
34+
</html>

0 commit comments

Comments
 (0)