表格导出
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" }