Bootstrap Table

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>
<table data-toggle="table" id="table1">
    <thead>
    <tr>
        <th>Name</th>
        <th>Stars</th>
        <th data-field="stars">Forks</th>
        <th>Description</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            <a href="https://github.com/wenzhixin/bootstrap-table">bootstrap-table</a>
        </td>
        <td>526</td>
        <td>122</td>
        <td>Test An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) 
        </td>
    </tr>
    <tr>
        <td>
            <a href="https://github.com/wenzhixin/multiple-select">multiple-select</a>
        </td>
        <td>Stars: 288</td>
        <td>150</td>
        <td>Test A jQuery plugin to select multiple elements with checkboxes :)
        </td>
    </tr>
    </tbody>
</table>

JavaScript

$(document).ready(function(){

$('#table1').on('click-cell.bs.table', function (e) {

var filtered = $("#table1").bootstrapTable('filterBy', {Stars: '122'}).bootstrapTable('getData');
// reload bootstrapTable with filtered array
alert(filtered);
$("#table1").bootstrapTable('load', filtered);
     

});



});