View on GitHub

表格导出

Bootstrap Table 的导出扩展。

使用插件: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 '导出名称'
      }
    }
    

exportTypes

  • 属性: data-export-types

  • 类型: Array

  • 详情:

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

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

Icons

  • export: '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 "导出数据" }