Bootstrap Table

by Alvin Olavarrieta

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<script src="http://wenzhixin.net.cn/p/bootstrap-table/docs/assets/table-filter/bootstrap-table-filter.js"></script>
<script src="http://wenzhixin.net.cn/p/bootstrap-table/docs/assets/table-filter/ext/bs-table.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/extensions/filter/bootstrap-table-filter.js"></script>
<div id="filterbar" ></div>
<table id="bTable"
       data-url="https://examples.wenzhixin.net.cn/examples/bootstrap_table/data"
       data-toolbar="#filterbar"
       data-search="true"
       data-show-filter="true"
>
    <thead>
    <tr>
											<th data-field="id" data-sortable="true">ID</th>
											<th data-field="name" data-sortable="true">Item Name</th>
											<th data-field="price" data-sortable="true">Item Price</th>
										</tr>
    </thead>
</table>

JavaScript

$(function() {
			$('#bTable').bootstrapTable();
		});