如何通过自定义按钮导出bootstrap-table的全部数据？

我帮你排查了下，你遇到的问题根源在于：toolbar里的自定义按钮没法像普通独立按钮那样，仅靠修改exportDataType就触发导出动作——内置导出按钮有自带的事件处理逻辑，而自定义按钮需要我们手动串联「修改导出范围 + 触发导出」这两个步骤。

给你个可行的解决方案，分两步走：

步骤1：给自定义按钮绑定点击事件 #

先确保你的自定义按钮在toolbar里能被正常选中，比如给它加个ID：

<div id="toolbar">
  <button id="exportAllBtn" class="btn btn-success">导出全部数据</button>
</div>

步骤2：在点击事件中完成「改配置+触发导出」 #

在JS里给按钮绑定点击事件，先修改表格的导出范围为all，再手动调用导出方法，甚至可以用完之后还原原来的配置（避免影响后续操作）：

// 绑定自定义导出按钮的点击事件
$('#exportAllBtn').on('click', function() {
  const $table = $('#yourTableId'); // 替换成你的表格ID
  // 先保存原有的导出配置，可选操作
  const originalExportType = $table.bootstrapTable('getOptions').exportDataType;

  // 1. 修改表格配置为导出全部数据
  $table.bootstrapTable('refreshOptions', {
    exportDataType: 'all'
  });

  // 2. 手动触发导出，这里的type改成你需要的格式（excel/csv等）
  $table.bootstrapTable('export', {
    type: 'excel',
    fileName: '全部数据记录'
  });

  // 3. （可选）还原原来的导出配置，比如之前是'page'的话
  $table.bootstrapTable('refreshOptions', {
    exportDataType: originalExportType
  });
});

为什么之前的方法无效？ #

普通独立按钮的场景里，你可能是修改配置后还触发了导出动作（比如同时调用了export方法），但toolbar里的自定义按钮没有内置的导出触发逻辑，单纯修改refreshOptions只会改变表格的配置，不会主动执行导出操作，必须手动调用bootstrapTable('export')来触发。

另外要确认你的Bootstrap-Table已经正确加载了Export扩展和TableExport插件，这是导出功能生效的前提哦～

内容的提问来源于stack exchange，提问作者tryingHard