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>
<div class="main">
    <button id="resetView" class="btn btn-default">Reset View</button>
    
    <table id="table"
           data-toggle="table"
           data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/"
           data-height="200">
        <thead>
        <tr>
            <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>
</div>

JavaScript

$(function () {
        setTimeout(function () {
            $('.main').width('80%'); // Change table width
            
            $('.main').height('100'); // it won't work
            $('#table').data('height', 100); // this also won't work
            $('#table').height('100'); // and of course this won't work..
        }, 1000);
        
        $('#resetView').click(function () {
            $('#table').bootstrapTable('resetView');
        });
    });