Bootstrap Table

by jimkennelly

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>
<form action='process.php'>
<table id="table">
    <thead>
    <tr>
        <th data-field="id" data-checkbox="true"></th>
        <th data-field="name">Name</th>
        <th data-field="stargazers_count">Stars</th>
        <th data-field="forks_count">Forks</th>
        <th data-field="description">Description</th>
    </tr>
    </thead>
</table>
<button type="submit">Save</button>
</form>

JavaScript

$(function () {
    $('#table').bootstrapTable({
        data: data,
        onPostBody : checkTheBoxes,
        
    })
    
});
function checkTheBoxes(){
 $('#table').bootstrapTable("checkBy", {field:'id', values:[2,4]});
}
var data = [
    {
    		"id": 1,
  		"isChecked": 1,
        "name": "bootstrap-table",
        "stargazers_count": "526",
        "forks_count": "122",
        "description": "An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) "
    },
    {
    		"id": 2,
	"isChecked": 1,
  "name": "multiple-select",
        "stargazers_count": "288",
        "forks_count": "150",
        "description": "A jQuery plugin to select multiple elements with checkboxes :)"
    },
   
];