常見問題

常見問題解答。

調整窗口大小時，表頭不會自動適配，如何解決？

當你為 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。