Bootstrap Table 的數據導出擴展,支持多種格式導出。

本頁目錄

數據導出擴展可以將表格數據導出為多種格式,包括 Excel、PDF、CSV 等。

依賴插件

本擴展依賴 tableExport.jquery.plugin

注意:某些導出格式可能需要額外的配置或依賴庫,請參考上述文檔進行配置。

用法

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

示例

Export

選項

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

  • 詳情:

    設置可用的導出格式列表。支持的格式包括: jsonxmlpngcsvtxtsqldocexcelxlsxpdf 等。

  • 默認值: ['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" }