bootstrap table 翻页后保证选择数据不丢失

Bootstrap Table 是一个基于 Twitter Bootstrap 的 JavaScript 数据表格插件，它提供了丰富的功能，包括分页。当你在使用分页功能时，确保选择的数据不会因为切换页面而丢失，通常需要结合服务器端处理或者前端的状态管理。

1. **服务器端处理**：如果数据量大到不适合前端存储所有选项，可以采用服务器端分页的方式。每次请求新的数据页时，同时发送上一次的选择状态给服务器，服务器在返回新数据时一并返回选中的记录。例如，可以在Ajax请求的`queryParams`中包含选择项的标识符。

$.ajax({
    url: 'api/data',
    type: 'GET',
    data: {
        page: 'current', // 当前页码
        selectedIds: selectedIds // 存储的选中项ID列表
    },
    success: function(data) {
        // 更新表格数据
        $('#table').bootstrapTable('load', data);
    }
});

2. **前端本地存储**：在前端，可以将选中的数据保存在浏览器的localStorage或sessionStorage中。当用户翻页时，先从缓存中读取上次的选择，然后在渲染后的表格中应用这些选择。

$(document).ready(function () {
    var selectedData = localStorage.getItem('selectedData');
    if (selectedData) {
        var ids = JSON.parse(selectedData);
        // 将ids转换回对应的行对象，并设置选中状态
        // ...
    }

    $('#table').bootstrapTable({
        onPreBody: function () {
            // 渲染时恢复选择
            // ...
        }
    });
});