When you set the height
of bootstrap table, the fixed header
feature is automatically enabled, that is what cause the problem, you need to listen the resize
event of window and use the resetView
method to solve this problem, code example:
$(function () {
$('#tableId').bootstrapTable(); // init via javascript
$(window).resize(function () {
$('#tableId').bootstrapTable('resetView');
});
});
For merged cells, when you do refresh, next page or switch columns to show, the merge cells will be unmerged. We can listen the events(on load success, on column switch, on page change and on search) to solve this problem, code example:
$table.on('load-success.bs.table column-switch.bs.table page-change.bs.table search.bs.table', function () {
$table.bootstrapTable('mergeCells', {...});
});
All your ideas and feedback are very appreciated! Please feel free to open issues on GitHub or send me email.
I'm also grateful for your donations: {% t pages.donate.title %}