在 GitHub 上查看

表格导出

Bootstrap 表格的表格导出扩展。

使用插件: tableExport.jquery.plugin

这是一个重要的链接,因为某些文件类型可能需要额外的步骤。

用法

<script src="extensions/export/bootstrap-table-export.js"></script>

示例

导出

选项

showExport

  • 属性: data-show-export

  • 类型: Boolean

  • 详情

    设置为 true 以显示导出按钮。

  • 默认: false

exportDataType

  • 属性: data-export-data-type

  • 类型: String

  • 详情

    导出数据类型,支持: 'basic''all''selected'

  • 默认: basic

exportFooter

  • 属性: data-export-footer

  • 类型: Boolean

  • 详情

    设置为 true 以导出表格页脚。

  • 默认: false

exportOptions

  • 属性: data-export-options

  • 类型: Object

  • 详情

    导出 选项tableExport.jquery.plugin

    exportOptions.fileName 可以是字符串或函数,例如

    exportOptions: {
      fileName: function () {
        return 'exportName'
      }
    }
    

exportTypes

  • 属性: data-export-types

  • 类型: Array

  • 详情

    导出类型,支持类型: ['json', 'xml', 'png', 'csv', 'txt', 'sql', 'doc', 'excel', 'xlsx', 'pdf']

  • 默认: ['json', 'xml', 'csv', 'txt', 'sql', 'excel']

图标

  • 导出: 'glyphicon-export icon-share'

列选项

forceExport

  • 属性: data-force-export

  • 类型: Boolean

  • 详情

    设置为 true 以强制导出列,例如隐藏的列。

  • 默认: false

forceHide

  • 属性: data-force-hide

  • 类型: Boolean

  • 详情

    设置为 true 以强制隐藏列,例如图标列。

  • 默认: false

事件

onExportSaved

  • jQuery 事件: export-saved.bs.table

  • 参数: exportedRows

  • 详情

    数据导出时触发,参数包含

    • exportedRows:导出的行(取决于 exportDataType)

onExportStarted

  • jQuery 事件: export-started.bs.table

  • 参数: undefined

  • 详情

    在数据将被收集和导出之前触发。

方法

exportTable

  • 参数: options

  • 详情

    使用自定义选项导出表格。

本地化

formatExport

  • 参数: undefined

  • 默认: function () { return "Export data" }