我在1.6版本中使用Bootstrap-table插件。 我想动态改变表高度 - 这可能吗?我无法弄清楚如何做到这一点......
<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>
$(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');
});
});
工作小提琴
http://jsfiddle.net/e3nk137y/558/
答案 0 :(得分:8)
最后,让它起作用......
$('#table').bootstrapTable( 'resetView' , {height: 200} );