Skip to content

Instantly share code, notes, and snippets.

@jsanch

jsanch/data-table-from-json.html

Last active September 21, 2016 21:08
Show Gist options
  • Save jsanch/d45a308aaf5d3c376a5978bf90885e1f to your computer and use it in GitHub Desktop.
Save jsanch/d45a308aaf5d3c376a5978bf90885e1f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
data-table-from-json.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script type="text/javascript" src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<title>Bootstrap Table</title>
<body>
<script type="text/javascript">
console.log("hello");
function urlFormatter(value, row) {
return '<a target="_blank" href='+value+' >' + value + '</a>';
}
</script>
<table id="table-format" data-pagination="true" data-card-view="true" data-show-toggle="true" data-search="true" data-sort-class="sortthis" data-toggle="table" data-url="https://data.cityofnewyork.us/resource/354w-pwyk.json" data-query-params="false" data-sortable="true" data-height="600" >
<thead>
<tr>
<th data-field="agency_name"> Agency </th>
<th data-field="data_set_title"> Title </th>
<th data-field="dataset_description">Descrition </th>
</tr>
</thead>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment