GitHubで見る

テーブルの自動更新

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" }

自動更新ボタンの表示テキストをカスタマイズするために使用します。