Bootstrap-table showAllColumns 方法
Bootstrap-table showAllColumns method
我有一个按钮可以显示 bootstrap table 的所有列。当我点击它时它不起作用。
代码:
<table data-toggle="table">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="id" >ID</th>
<th data-field="name">Name</th>
</tr>
</thead>
</table>
<button id="show_all">Show All columns</button>
<button id="hide_all">Hide All columns</button>
<script>
$('#show_all').on('click', function(){
$('table').bootstrapTable('showAllColumns');
})
$('#hide_all').on('click', function(){
$('table').bootstrapTable('hideAllColumn');
})
</script>
看例子:
这是一个可行的解决方案。
$('#show_all').on('click', function(){
$('table th').show();
})
$('#hide_all').on('click', function(){
$('table th').hide();
})
我有一个按钮可以显示 bootstrap table 的所有列。当我点击它时它不起作用。
代码:
<table data-toggle="table">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="id" >ID</th>
<th data-field="name">Name</th>
</tr>
</thead>
</table>
<button id="show_all">Show All columns</button>
<button id="hide_all">Hide All columns</button>
<script>
$('#show_all').on('click', function(){
$('table').bootstrapTable('showAllColumns');
})
$('#hide_all').on('click', function(){
$('table').bootstrapTable('hideAllColumn');
})
</script>
看例子:
这是一个可行的解决方案。
$('#show_all').on('click', function(){
$('table th').show();
})
$('#hide_all').on('click', function(){
$('table th').hide();
})