Skip to content

Commit fba34b7

Browse files
djhvscfdjhvscf
committed
Added filter-control option
1 parent 7a4e73c commit fba34b7

File tree

3 files changed

+59
-22
lines changed

3 files changed

+59
-22
lines changed

‎index.html

Lines changed: 23 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,7 @@
6161
<li><a href="options/custom-toolbar.html">Custom Toolbar</a></li>
6262
<li><a href="options/client-side-pagination.html">Client Side Pagination</a></li>
6363
<li><a href="options/server-side-pagination.html">Server Side Pagination</a></li>
64+
<li><a href="options/filter-control.html">Filter Control</a></li>
6465
</ul>
6566
</li>
6667
<li>
@@ -105,28 +106,28 @@
105106
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Issues <span class="caret"></span></a>
106107
<ul class="dropdown-menu" role="menu">
107108
<li><a href="137.html">137. Refresh from url after use data option</a></li>
108-
<li><a href="152.html">152. How to pass parameter to server</a></li>
109-
<li><a href="177.html">177. The Multiple Fields in Column</a></li>
110-
<li><a href="188.html">188. Show Export button only</a></li>
111-
<li><a href="220.html">220. Hide state column</a></li>
112-
<li><a href="221.html">221. Use cellStyle</a></li>
113-
<li><a href="283.html">283. Use resetView to reset the header width</a></li>
114-
<li><a href="337.html">337. Custom fontawsome icons</a></li>
115-
<li><a href="350.html">350. Support for data-field with dot notation</a></li>
116-
<li><a href="353.html">353. Use responseHandler option to handle your response data</a></li>
117-
<li><a href="371.html">371. Using table content in a HTML form</a></li>
118-
<li><a href="383.html">383. Use Flat UI to style the checkboxes</a></li>
119-
<li><a href="386.html">386. Override default queryParam variables</a></li>
120-
<li><a href="395.html">395. Enable/disable delete button on click checkbox</a></li>
121-
<li><a href="406.html">406. Align the toolbar and search input</a></li>
122-
<li><a href="409.html">409. Refresh method with new url</a></li>
123-
<li><a href="415.html">415. Get checked row index</a></li>
124-
<li><a href="424.html">424. Toggle pagination</a></li>
125-
<li><a href="431.html">431. Load pagination data</a></li>
126-
<li><a href="457.html">457. Set the global defaults for the table</a></li>
127-
<li><a href="463.html">463. Search invisible column</a></li>
128-
<li><a href="561.html">561. How to use the filter extension</a></li>
129-
<li><a href="563.html">563. Change the background color on selected rows</a></li>
109+
<li><a href="152.html">152. How to pass parameter to server</a></li>
110+
<li><a href="177.html">177. The Multiple Fields in Column</a></li>
111+
<li><a href="188.html">188. Show Export button only</a></li>
112+
<li><a href="220.html">220. Hide state column</a></li>
113+
<li><a href="221.html">221. Use cellStyle</a></li>
114+
<li><a href="283.html">283. Use resetView to reset the header width</a></li>
115+
<li><a href="337.html">337. Custom fontawsome icons</a></li>
116+
<li><a href="350.html">350. Support for data-field with dot notation</a></li>
117+
<li><a href="353.html">353. Use responseHandler option to handle your response data</a></li>
118+
<li><a href="371.html">371. Using table content in a HTML form</a></li>
119+
<li><a href="383.html">383. Use Flat UI to style the checkboxes</a></li>
120+
<li><a href="386.html">386. Override default queryParam variables</a></li>
121+
<li><a href="395.html">395. Enable/disable delete button on click checkbox</a></li>
122+
<li><a href="406.html">406. Align the toolbar and search input</a></li>
123+
<li><a href="409.html">409. Refresh method with new url</a></li>
124+
<li><a href="415.html">415. Get checked row index</a></li>
125+
<li><a href="424.html">424. Toggle pagination</a></li>
126+
<li><a href="431.html">431. Load pagination data</a></li>
127+
<li><a href="457.html">457. Set the global defaults for the table</a></li>
128+
<li><a href="463.html">463. Search invisible column</a></li>
129+
<li><a href="561.html">561. How to use the filter extension</a></li>
130+
<li><a href="563.html">563. Change the background color on selected rows</a></li>
130131
</ul>
131132
</li>
132133
</ul>

‎index.html.conf

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,7 @@
6161
<li><a href="options/custom-toolbar.html">Custom Toolbar</a></li>
6262
<li><a href="options/client-side-pagination.html">Client Side Pagination</a></li>
6363
<li><a href="options/server-side-pagination.html">Server Side Pagination</a></li>
64+
<li><a href="options/filter-control.html">Filter Control</a></li>
6465
</ul>
6566
</li>
6667
<li>

‎options/filter-control.html

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>%(title)s</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+
<div class="ribbon">
17+
<a href="https://github.com/wenzhixin/bootstrap-table-examples/blob/master/options/filter-control.html" target="_blank">View Source on GitHub</a>
18+
</div>
19+
<h1>Filter Control</h1>
20+
<p>Use <code>filterControl</code> option to add an input or select control to the column to filter it.</p>
21+
<table id="table"
22+
data-toggle="table"
23+
data-height="460"
24+
data-url="../json/data1.json">
25+
<thead>
26+
<tr>
27+
<th data-field="id">ID</th>
28+
<th data-field="name" data-filter-control="input">Item Name</th>
29+
<th data-field="price" data-filter-control="select">Item Price</th>
30+
</tr>
31+
</thead>
32+
</table>
33+
</div>
34+
</body>
35+
</html>

0 commit comments

Comments
 (0)