Table Export
Bootstrap Table 的數據導出擴展,支持多種格式導出。
數據導出擴展可以將表格數據導出為多種格式,包括 Excel、PDF、CSV 等。
依賴插件
本擴展依賴 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']
圖標配置
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 "Export data" }