近期做項目的時候使用bootstrap表格前台分頁，並且有一個tab切換選項，共用一個table，效果如下圖，上方是tab選項，下方是table:
在實際實現的時候，在默認狀態下，表格翻到了第5頁，此時我要按年齡進行篩選，剛開始我的做法是直接$("#table").bootstrapTable('refresh',option)；option里邊是一個篩選的條件，這樣的效果是頁面會展示所選條件下第5頁的內容，而不是第一頁的內容，這就違背了項目的需求，后來經過搜索、探討找到了一種解決方案就是重新tab篩選的時候，需要先銷毀表格，然后重新初始化：$("#table").bootstrapTable('destroy');先要將table銷毀，否則會保留上次加載的內容，initTable(options);重新初使化表格,option為tab來回切換時的篩選條件，這樣一來解決了tab切換時出現的問題，表格前台分頁是這樣，后台分頁也是這樣。希望對大家有所幫助，描述不清楚的、或者不理解的請留言!
補充：
以上是一個最直接的解決方案，后來在項目中發現還有另外兩種解決方案：
$("#table").bootstrapTable('refresh',{url : path );
$("#table").bootstrapTable('refreshOptions',{pageNumber : 1});
這兩種方式都可以實現。
refresh：從server端重新獲取數據。
refreshOptions：更新bootstrapTable options，並從server端獲取數據。與refresh的區別在於，refreshOptions設置的option，會被作為下次請求server數據的默認option使用。