常见问题

常见问题解答。

调整窗口大小时，表头不会自动适配，如何解决？

当你为 Bootstrap Table 设置 height 时，会自动启用 fixed header（固定表头）功能，这正是导致该问题的原因。你需要监听窗口的 resize 事件，并调用 resetView 方法来解决，示例代码如下：

$(function () {
  $('#tableId').bootstrapTable() // 通过 JavaScript 初始化

  $(window).resize(function () {
    $('#tableId').bootstrapTable('resetView')
  })
})

如何更好地合并单元格？

对于已合并的单元格，在刷新、翻页或切换列显示时，合并状态会被重置。我们可以监听相关事件（加载成功、列切换、分页变更和搜索）来解决，示例代码如下：

$table.on('load-success.bs.table column-switch.bs.table page-change.bs.table search.bs.table', function () {
  $table.bootstrapTable('mergeCells', {...})
})

事件回调的参数顺序是不是写错了？

当你采用以下方式使用时：

$('#eventsTable').on('click-row.bs.table', function (event, row, $element) {

})

第一个参数总是 event：https://live.bootstrap-table.com/code/wenzhixin/46

如果使用 onClickRow 事件：

onClickRow: function (row, $element) {

}

我怎样才能支持 Bootstrap Table 的开发？

我们非常感谢所有的想法与反馈！欢迎在 GitHub 上提交 Issue，或直接发送邮件与我们联系。

你也可以通过捐赠支持我们的开发：https://opencollective.com/bootstrap-table。