Bootstrap Table

by Daniel Brose

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/dimbslmh/bootstrap-table/master/src/bootstrap-table.js"></script>
<script src="https://rawgit.com/dimbslmh/bootstrap-table/master/src/extensions/multiple-sort/bootstrap-table-multiple-sort.js"></script>
<table id="mydemotable" data-toggle="mydemotable" data-show-multi-sort="true">
    <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">Forks</th>
            <th data-field="description" data-sortable="true">Description</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>Abhinav</td>
        <td>test</td>
        <td>test1</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Nilesh</td>
        <td>test</td>
        <td>test2</td>
      </tr>
      <tr>
        <td>3</td>
        <td>Abhi</td>
        <td>test</td>
        <td>test3</td>
      </tr>
    </tbody>
</table>

<button id="hideRow" name="hideRow" class="btn btn-default">Hide Row</button>

CSS

body {
    padding:20px
}

JavaScript

$('#mydemotable').bootstrapTable();


$("#hideRow").on('click',function(){
  //$("#mydemotable >tbody>tr:first").hide();
  $("#mydemotable").bootstrapTable('hideRow', {index:1});
});