Table

j-table コンポーネントは、表のコンポーネントです。

Props

NameTypeDefaultDescription
headersarray[]ヘッダーのカラムとなる配列を指定します。
label : カラムの表示名(必須)
key : カラムのキー(必須)
sortable : ソート可能項目であるか
hide-footerbooleanfalse表のフッターを非表示にします。
hide-headerbooleanfalse表のヘッダーを非表示にします。
itemsarray[]表に表示する項目を配列で指定します。
item-per-pagenumber101ページあたりに表示する項目の数を指定します。
loadingbooleanfalseローディングアニメーションを表示します。
pagenumber1現在選択しているページ番号を指定します。

Events

NameDescription
inputページが選択されたときに発生するイベントです。

Slots

NameDescription
bodyテーブルの tbody を置き換えるスロットです。
headテーブルの thead を置き換えるスロットです。
itemテーブルの行を置き換えるスロットです。
item.<name>テーブルの特定の列を置き換えるスロットです。