时间戳

首页 > 解决方案 > data-export-data-type="all" 不能从引导表插件中的所有页面导出数据？

bootstrap-4 - data-export-data-type="all" 不能从引导表插件中的所有页面导出数据？

问题描述

我正在使用通过 bootstrap 4扩展的 bootstrap 表。我正在尝试使用导出按钮从所有页面下载数据。

css 文件：

<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.17.1/dist/bootstrap-table.min.css">

脚本：

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>
<script src="https://unpkg.com/tableexport.jquery.plugin/libs/jsPDF/jspdf.min.js"></script>
<script src="https://unpkg.com/tableexport.jquery.plugin/libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.17.1/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.17.1/dist/extensions/export/bootstrap-table-export.min.js"></script>

这些是我正在使用的引导表的属性：

<table id="table" 
data-toggle="table"
data-pagination="true"
data-show-toggle="true"
data-show-columns="true"
data-show-fullscreen="true"
data-height="650"
data-page-size="12"
data-page-list="[12,24,36,48,All]"
data-show-export="true"
data-export-data-type="all"
data-export-types="['json','csv', 'txt', 'sql', 'excel']"

data-click-to-select="true"
data-toolbar="#toolbar"
>

在他们的文档中提到，可以通过以下方式调整使用导出数据：

Attribute: data-export-data-type

type: String

Detail:

export data type, support: ‘basic’, ‘all’, ‘selected’.

Default: basic

但是当我使用

data-export-data-type="all"

然后它没有改变任何东西，只从当前页面下载数据。我已经通过互联网阅读了几乎所有内容，但没有任何效果。

标签： bootstrap-4datatableexport-to-csvbootstrap-table

解决方案

能否提供有关您的设置的更多信息？带有数据的完整代码会很棒，最好是使用编辑器创建一个示例。

如果没有这些信息，我们将无法为您提供帮助，因为该示例与data-export-data-type="all".

推荐阅读