在 GitHub 上檢視

Table Auto Refresh

Bootstrap Table 的自動刷新擴展，支持定時刷新表格數據。

本頁目錄

用法

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

示例

Auto Refresh

選項

autoRefresh

  • 屬性: data-auto-refresh

  • 類型: Boolean

  • 詳情:

    是否啟用自動刷新功能。設置為 true 時，表格將按照設定的時間間隔自動刷新數據。

  • 默認值: false

autoRefreshInterval

  • 屬性: data-auto-refresh-interval

  • 類型: Number

  • 詳情:

    設置自動刷新的時間間隔，單位為秒。例如設置為 60 表示每 60 秒刷新一次。

  • 默認值: 60

autoRefreshSilent

  • 屬性: data-auto-refresh-silent

  • 類型: Boolean

  • 詳情:

    是否啟用靜默刷新模式。設置為 true 時，自動刷新過程中不會顯示加載動畫或提示信息。

  • 默認值: true

autoRefreshStatus

  • 屬性: data-auto-refresh-status

  • 類型: Boolean

  • 詳情:

    表格初始化時是否默認啟用自動刷新功能。設置為 true 時，表格加載完成後自動開始刷新；用戶可以通過界面按鈕隨時開啟或關閉自動刷新。

  • 默認值: true

showAutoRefresh

  • 屬性: data-show-auto-refresh

  • 類型: Boolean

  • 詳情:

    是否顯示自動刷新控制按鈕。設置為 false 時，將隱藏自動刷新按鈕，用戶無法手動控制刷新狀態。適用於需要強制保持自動刷新的場景。

  • 默認值: true

圖標配置

  • autoRefresh: 'fa-clock'（自動刷新按鈕圖標）

本地化配置

formatAutoRefresh

  • 參數: 無

  • 默認值: function () { return "Auto Refresh" }

用於自定義自動刷新按鈕的顯示文本。