メソッド
Bootstrap Table のメソッド API。
呼び出し構文:$('#table').bootstrapTable('method', parameter)。
注意: 以下のメソッド名(例:append、check、getData)は、JavaScript を通じて Bootstrap Table メソッドを呼び出す際に使用される正確なメソッド名です。
例:$('#table').bootstrapTable('append', data)
append
-
パラメータ:
data -
詳細:
dataをテーブルに追加します。 -
例: Append
check
-
パラメータ:
index -
詳細:
指定されたインデックスの行を選択します。行インデックスは 0 から始まります。
checkAll
-
パラメータ:
undefined -
詳細:
現在のページのすべての行を選択します。
checkBy
-
パラメータ:
params -
詳細:
指定されたフィールドの値の配列に基づいて、一致する行を選択します。
paramsには以下の属性が含まれます:field:レコードを検索および照合するためのフィールド名。values:選択する行のフィールド値の配列。onlyCurrentPage(デフォルト値:false):trueの場合、現在のページに表示されているデータのみを選択します。ページネーションが有効な場合は、他のページのデータは無視されます。
checkInvert
-
パラメータ:
undefined -
詳細:
現在のページの行の選択を反転します。
onCheckSomeおよびonUncheckSomeイベントがトリガーされます。 -
例: Check Invert
collapseAllRows
-
パラメータ:
undefined -
詳細:
詳細ビュー(detail view)機能が有効になっている場合、展開されているすべての行を折りたたみます。
collapseRow
-
パラメータ:
index -
詳細:
詳細ビュー(detail view)機能が有効になっている場合、
indexが指定された行を折りたたみます。
collapseRowByUniqueId
-
パラメータ:
uniqueId -
詳細:
詳細ビュー(detail view)機能が有効になっている場合、
uniqueIdが指定された行を折りたたみます。
destroy
-
パラメータ:
undefined -
詳細:
Bootstrap Table を破棄します。
-
例: Destroy
expandAllRows
-
パラメータ:
undefined -
詳細:
詳細ビュー(detail view)機能が有効になっている場合、すべての行を展開します。
expandRow
-
パラメータ:
index -
詳細:
詳細ビュー(detail view)機能が有効になっている場合、
indexが指定された行を展開します。
expandRowByUniqueId
-
パラメータ:
uniqueId -
詳細:
詳細ビュー(detail view)機能が有効になっている場合、
uniqueIdが指定された行を展開します。
filterBy
-
パラメータ:
filter- フィルタリング条件オブジェクト、デフォルト値:{}options- オプションオブジェクト、デフォルト値:{ 'filterAlgorithm': 'and' }
-
詳細:
(クライアントモードのみサポート)指定された条件に基づいてテーブルデータをフィルタリングします。
フィルタリング方法:
optionsを空のままにすると、andフィルタリングアルゴリズムが使用されますfilterAlgorithmをorに設定すると、「または」論理でフィルタリングします- カスタム関数を
filterAlgorithmとして渡すことで、高度なフィルタリングロジックを実装します
フィルタリングアルゴリズムの詳細
-
And(論理積)
- 例:
{age: 10}は年齢が 10 のデータのみを表示します - 配列値をサポート:
{age: 10, hairColor: ['blue', 'red', 'green']}は年齢が 10 で、髪の色が青、赤、または緑のデータを検索します
- 例:
-
Or(論理和)
- 例:
{age: 10, name: "santa"}は年齢が 10 または 名前が santa のすべてのデータを表示します
- 例:
-
Custom(カスタムアルゴリズム)
- カスタム関数を使用して複雑なフィルタリングロジックを実装します
- 関数は 2 つのパラメータを受け取ります:
row:現在の行のデータオブジェクトfilters:フィルタリング条件オブジェクト
trueを返すと行が保持され、falseを返すと行がフィルタリングされます
-
例: Filter By
getData
-
パラメータ:
params -
詳細:
テーブルに読み込まれたデータを取得します。
useCurrentPage:trueの場合、現在のページのデータのみを返します。includeHiddenRows:trueの場合、非表示の行を含みます。unfiltered:trueの場合、すべてのデータ(フィルタリングされていない)を返します。formatted:定義された formatter に従ってフォーマットされた値を返します。
-
例: Get Data
getFooterData
-
パラメータ:
undefined -
詳細:
フッターに読み込まれたデータを取得します。
getHiddenColumns
-
パラメータ:
undefined -
詳細:
非表示の列を取得します。
getHiddenRows
-
パラメータ:
show -
詳細:
すべての非表示行を取得します。パラメータ
showがtrueの場合、これらの非表示行も表示されます。falseまたは指定されていない場合は、非表示行のデータのみを返し、表示しません。
getOptions
-
パラメータ:
undefined -
詳細:
オプションオブジェクトを返します。
-
例: Get Options
getRowByUniqueId
-
パラメータ:
id -
詳細:
テーブル内の
idが指定された行のデータを取得します。
getScrollPosition
-
パラメータ:
undefined -
詳細:
現在のスクロール位置を取得します。単位は
'px'です。
getSelections
-
パラメータ:
undefined -
詳細:
選択されたすべての行のデータを返します。レコードが選択されていない場合は、空の配列を返します。
注意: 検索、ページ切り替え、並べ替えなどの操作を実行すると、選択された行は自動的に選択解除されます。操作後に選択状態を維持するには、maintainMetaData オプションを設定してください。
getVisibleColumns
-
パラメータ:
undefined -
詳細:
すべての表示されている列を取得します。
hideAllColumns
-
パラメータ:
undefined -
詳細:
すべての列を非表示にします。
hideColumn
-
パラメータ:
field -
詳細:
指定された
fieldの列を非表示にします。 パラメータは文字列または配列にすることができます。
hideLoading
-
パラメータ:
undefined -
詳細:
ロード状態を非表示にします。
hideRow
-
パラメータ:
params -
詳細:
指定された行を非表示にします。
paramsには少なくとも次の属性のいずれかが含まれている必要があります:index:行インデックス。uniqueId:その行の uniqueId 値。
insertRow
-
パラメータ:
params -
詳細:
新しい行を挿入します。
paramsには以下の属性が含まれます:index:挿入する行のインデックス。row:行データ。
-
例: Insert Row
load
-
パラメータ:
data -
詳細:
dataをテーブルに読み込みます。古いデータは置き換えられます。 -
例: Load
mergeCells
-
パラメータ:
params -
詳細:
複数のセルを結合します。
paramsには以下の属性が含まれます:index:行インデックス。field:フィールド名。rowspan:結合する行数。colspan:結合する列数。
-
例: Merge Cells
nextPage
-
パラメータ:
undefined -
詳細:
次のページに移動します。
prepend
-
パラメータ:
data -
詳細:
テーブルの先頭に
dataを挿入します。 -
例: Prepend
prevPage
-
パラメータ:
undefined -
詳細:
前のページに移動します。
refresh
-
パラメータ:
params -
詳細:
リモートデータを更新/再読み込みします。以下のパラメータ設定をサポートします:
silent(デフォルト値:false):trueに設定すると、サイレント更新を行い、ロード状態を表示しません。url:オプション、現在のリクエスト URL を一時的に上書きします。pageNumber:オプション、移動するページ番号を指定します。pageSize:オプション、1 ページあたりの表示レコード数を指定します。query:オプション、今回のリクエストに追加のクエリパラメータオブジェクトを追加します。
使用例:
// サイレント更新 $('#table').bootstrapTable('refresh', {silent: true}) // URL とページネーションパラメータを変更 $('#table').bootstrapTable('refresh', { url: '/new/api/endpoint', pageNumber: 2, pageSize: 20 }) // クエリパラメータを追加 $('#table').bootstrapTable('refresh', { query: {status: 'active', category: 'electronics'} }) -
例: Refresh
refreshOptions
-
パラメータ:
options -
詳細:
テーブルオプションを更新します。
remove
-
パラメータ:
params -
詳細:
テーブルからデータを削除します。
paramsには以下の属性が含まれます:field:削除する行を照合するためのフィールド名。特殊フィールド$indexを使用して行インデックスで削除できます。values:削除する行のフィールド値の配列。$index特殊フィールドを使用する場合、行インデックスの配列を渡すことができます。
使用例:
// id フィールドに基づいて削除 $('#table').bootstrapTable('remove', { field: 'id', values: [1, 2, 3] }) // 行インデックスに基づいて削除(0 から開始) $('#table').bootstrapTable('remove', { field: '$index', values: [0, 2, 4] }) // 他のフィールドに基づいて削除 $('#table').bootstrapTable('remove', { field: 'name', values: ['John', 'Jane'] }) -
例: Remove
removeAll
-
パラメータ:
undefined -
詳細:
テーブル内のすべてのデータを削除します。
-
例: Remove All
removeByUniqueId
-
パラメータ:
id -
詳細:
テーブル内の
idが指定された行のデータを削除します。
resetSearch
-
パラメータ:
text -
詳細:
検索キーワード
textを設定します。 -
例: Reset Search
resetView
-
パラメータ:
params -
詳細:
Bootstrap Table ビューをリセットします(例:テーブルの高さをリセット)。
paramsには以下が含まれます:height:テーブルの高さ。
-
例: Reset View
scrollTo
-
パラメータ:
value|object -
詳細:
- value
- 数値
valueに対応する位置までスクロールします。単位は'px'、'bottom'を渡すと最下部までスクロールします。
- 数値
- object
- 指定された単位の位置までスクロールします(
pxまたはrows、行インデックスは 0 から開始)。 デフォルト値:{unit: 'px', value: 0}
- 指定された単位の位置までスクロールします(
- value
-
例: Scroll To
selectPage
-
パラメータ:
page -
詳細:
指定された
pageに移動します。
showAllColumns
-
パラメータ:
undefined -
詳細:
すべての列を表示します。
showColumn
-
パラメータ:
field -
詳細:
指定された
fieldの列を表示します。 パラメータは文字列または配列にすることができます。
showLoading
-
パラメータ:
undefined -
詳細:
ロード状態を表示します。
showRow
-
パラメータ:
params -
詳細:
指定された行を表示します。
paramsには少なくとも次の属性のいずれかが含まれている必要があります:index:行インデックス。uniqueId:その行の uniqueId 値。
sortBy
-
パラメータ:
params -
詳細:
指定されたフィールドで並べ替えます。
paramsには少なくとも次の属性のいずれかが含まれている必要があります:field:フィールド名。sortOrder:並べ替え順序、'asc'または'desc'のみ。
-
例: Sort By
sortReset
-
パラメータ:
undefined -
詳細:
テーブルの並べ替え状態をリセットし、すべての現在の並べ替え条件をクリアします。ユーザーがテーブルヘッダーをクリックしてトリガーした並べ替えであっても、プログラムから
sortByメソッドを呼び出して設定した並べ替えであっても、すべて初期状態にリセットされます。 -
例: Sort reset
toggleDetailView
-
パラメータ:
index -
詳細:
詳細ビュー(detail view)機能が有効になっている場合、
indexが指定された行の詳細ビューを切り替えます。
toggleFullscreen
-
パラメータ:
undefined -
詳細:
フルスクリーン表示を切り替えます。
togglePagination
-
パラメータ:
undefined -
詳細:
ページネーションオプションを切り替えます。
toggleView
-
パラメータ:
undefined -
詳細:
カードビューとテーブルビューを切り替えます。
-
例: Toggle View
uncheck
-
パラメータ:
index -
詳細:
指定されたインデックスの行の選択を解除します。行インデックスは 0 から始まります。
uncheckAll
-
パラメータ:
undefined -
詳細:
現在のページのすべての行の選択を解除します。
uncheckBy
-
パラメータ:
params -
詳細:
指定されたフィールドの値の配列に基づいて、一致する行の選択を解除します。
paramsには以下の属性が含まれます:field:レコードを検索および照合するためのフィールド名。values:選択を解除する行のフィールド値の配列。onlyCurrentPage(デフォルト値:false):trueの場合、現在のページに表示されているデータのみの選択を解除します。ページネーションが有効な場合は、他のページのデータは無視されます。
updateByUniqueId
-
パラメータ:
params -
詳細:
指定された行を更新します。
paramsには以下の属性が含まれます:id:行 ID、テーブル内のuniqueIdフィールドの値である必要があります。row:新しい行データ。replace(オプション):trueに設定すると、拡張ではなく行全体を置き換えます。
updateCell
-
パラメータ:
params -
詳細:
単一のセルを更新します。
paramsには以下の属性が含まれます:index:行インデックス。field:フィールド名。value:新しいフィールド値。
テーブルの再初期化を無効にするには、
{reinit: false}を設定できます。 -
例: Update Cell
updateCellByUniqueId
-
パラメータ:
params -
詳細:
指定されたセルを更新します。
paramsには以下の属性が含まれます:id:行 ID、テーブル内のuniqueIdフィールドの値である必要があります。field:更新するフィールド名。value:新しい値。
テーブルの再初期化を無効にするには、
{reinit: false}を設定できます。
updateColumnTitle
-
パラメータ:
params -
詳細:
列のタイトルを更新します。
paramsには以下の属性が含まれます:field:フィールド名。title:フィールドタイトル。
updateFormatText
-
パラメータ:
formatName, text -
詳細:
ローカライゼーションフォーマットテキストを更新します。
updateRow
-
パラメータ:
params -
詳細:
指定された行を更新します。
paramsには以下の属性が含まれます:index:更新する行のインデックス。row:新しい行データ。replace(オプション):trueに設定すると、拡張ではなく行全体を置き換えます。
-
例: Update Row