Cuando setee la propiedad height de bootstrap table, automáticamente la propiedadfixed header es habilitada, eso causa el problema, se necesita escuchar el evento resize de la vantana del explorador y usar el método resetView para resolver este problema, ejemplo:
$(function () {
$('#tableId').bootstrapTable(); // init via javascript
$(window).resize(function () {
$('#tableId').bootstrapTable('resetView');
});
});
Para unir celdas, cuando se haga el refresh, se pase a la siguiente página o se muestren/oculten columnas, las celdas unidas se quedarán es su estado normal, no unidas. Se puede escuchar los eventos(on load success, on column switch, on page change y on search) para resolver este problema, ejemplo:
$table.on('load-success.bs.table column-switch.bs.table page-change.bs.table search.bs.table', function () {
$table.bootstrapTable('mergeCells', {...});
});
When you use like this:
$('#eventsTable').on('click-row.bs.table', function (event, row, $element) {
});
the first parameter is always event: http://jsfiddle.net/wenyi/e3nk137y/11688/
and use onClickRow event:
onClickRow: function (row, $element) {
}
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 %}