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 id="table">
    <button  id ="main_button" onclick="refresh()">
     Refresh
    </button>
    <thead>
    <tr>
        <th data-field="name">Name</th>
        <th data-field="stargazers_count" data-formatter="formatStars">Stars</th>
        <th data-field="forks_count">Forks</th>
        <th data-field="description">Description</th>
        <th data-field="approve" data-formatter="approve"> Approve</th>
        
        
    </tr>
    </thead>
</table>

JavaScript

$(function () {
    $('#table').bootstrapTable({
        data: data
    });
});

function refresh() {
	alert("refresh")
  alert(data.length)
  data.pop();
  alert(data.length)
	$table.bootstrapTable('refreshOptions', {
               data: data
           });
}


function test(){
	alert("test");
}
function approve(value,row,index) {
	var json_ =row.name
	return '<button onclick="test("'+row.name +'")" > approve </button>';
}
function formatStars(value,row,index){
return '<button onclick="test(row)" > '+ value + ' </button>';
}
var data = [
    
    {
        "name": "multiple-select",
        "stargazers_count": "288",
        "forks_count": "150",
        "description": "A jQuery plugin to select multiple elements with checkboxes :)"
    },
    {
        "name": "bootstrap-show-password",
        "stargazers_count": "32",
        "forks_count": "11",
        "description": "Show/hide password plugin for twitter bootstrap."
    },
    {
        "name": "blog",
        "stargazers_count": "13",
        "forks_count": "4",
        "description": "my blog"
    },
    {
        "name": "scutech-redmine",
        "stargazers_count": "6",
        "forks_count": "3",
        "description": "Redmine notification tools for chrome extension."
    }
];