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">
    <thead>
    <tr>
        <th data-field="name" data-sortable="true">Name</th>
        <th data-field="stargazers_count" data-sortable="true">Stars</th>
        <th data-field="forks_count" data-sortable="true" data-formatter="formatMegaBytes">Megabytes</th>
        <th data-field="description" data-sortable="true">Description</th>
    </tr>
    </thead>
    <tbody>
      <tr>
        <td>BA</td>
         <td>Z</td>
          <td>IN</td>
           <td>GA</td>
      </tr>
      <tr>
      <td>Z</td>
          <td>IN</td>
           <td>GA</td>
        <td>BA</td>
         
      </tr>
    </tbody>
</table>

JavaScript

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

function formatMegaBytes(value,row,index){
return value + ' MB';

}

var data = [
    {
        "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) "
    },
    {
        "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."
    }
];