Vue 3 Table Liteプロパティ
title
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| title | 文字列 | "" | テーブルタイトル |
is-slot-mode
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| is-slot-mode | ブール | false | V-slot モードを使用したい場合、TRUE に設定します。 |
is-static-mode
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| is-static-mode | ブール | false | データを取得するために ajax または axios を使用しない場合、TRUE に設定します。 |
has-checkbox
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| has-checkbox | ブール | false | 行にチェックボックスを表示する |
checked-return-type
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| checked-return-type | 文字列 | "key" | チェックされた行のデータのタイプ |
is-loading
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| is-loading | ブール | false | ローディングマスクを表示する（is-static-mode では不要） |
is-re-search
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| is-re-search | ブール | false | データを再読み込みする場合、true に設定します（is-static-mode では不要） |
is-fixed-first-column
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| is-fixed-first-column | ブール | false | スクロール時に最初の列を固定する |
max-height
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| max-height | 文字列 | "auto" | テーブルの最大高さ |
columns 必須
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| columns | 配列 | null | テーブルの列 |
その他のオプション
列に関連するその他のオプション。
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| isKey | ブール | false | フィールドが主キーの場合、true に設定します。 |
| label | 文字列 | null | 表示用のフィールドラベル（HTML サポート） |
| field | 文字列 | null | 行のフィールドキー名 |
| width | 文字列 | null | フィールドの幅サイズ |
| sortable | ブール | false | フィールドがソート可能な場合、true に設定します。 |
| display | 関数 | null | ここで表示するデータをカスタマイズできます（HTML タグまたはその他） |
| headerClasses | 配列 | null | データヘッダのクラスの配列 |
| columnClasses | 配列 | null | データ列のクラスの配列 |
| headerStyles | オブジェクト | null | データヘッダのインラインスタイルオブジェクト |
| columnStyles | オブジェクト | null | データ列のインラインスタイルオブジェクト |
rows 必須
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| rows | 配列 | null | レコード |
rowClasses
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| rowClasses | 配列/関数 | null | <tr/>タグのクラスの配列 |
total 必須
| 名前 | タイプ | デフォルトオプション | 説明 |
|---|---|---|---|
| total | 数字 | null | レコード数 |
sortable 必須
| 名前 | 説明 | 必須 | タイプ |
|---|---|---|---|
| order | ソートフィールドとソート方法 | はい | 文字列 |
その他のオプション
ソートに関連するその他のオプション。
| 名前 | 説明 | 必須 | タイプ |
|---|---|---|---|
| order | ソートフィールドとソート方法 | はい | 文字列 |
| sort | データベースのソート可能な値 | はい | 文字列 |
messages
| 名前 | 説明 | 必須 | タイプ |
|---|---|---|---|
| messages | ロケールメッセージ | いいえ | オブジェクト |
その他のオプション
メッセージに関連するその他のオプション。
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| pagingInfo | ロケールメッセージ | いいえ | 文字列 | "表示 {0}-{1} 共 {2}" |
| pageSizeChangeLabel | ロケールメッセージ | いいえ | 文字列 | "1 ページあたりの行数：" |
| gotoPageLabel | ロケールメッセージ | いいえ | 文字列 | "ページに移動：" |
| noDataAvailable | ロケールメッセージ | いいえ | 文字列 | "データなし" |
is-hide-paging
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| is-hide-paging | 下部にページ情報を表示しない | いいえ | ブール | false |
page
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| page | ページ番号を自分で制御したい場合、この値を使用してページ番号を変更します。 | いいえ | 数字 | 1 |
page-size
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| page-size | デフォルトでは 1 ページに表示するアイテムの数を指定します。ほとんどの場合、設定は必要ありません。 | いいえ | 数字 | 10 |
pageOptions
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| pageOptions | ページのドロップダウンオプションのリスト | いいえ | 配列 | [ { value: 10, text: 10 }, { value: 25, text: 25 }, { value: 50, text: 50 } ] |
その他のオプション
pageOptions に関連するその他のオプション。
| フィールド | 必須 | タイプ |
|---|---|---|
| value | はい | 数字 |
| text | はい | 数字 | 文字列 |
grouping-key
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| grouping-key | グループ化テーブルを使用する場合、グループ化フィールドの名前を設定します。 | いいえ | 文字列 | null |
has-group-toggle
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| has-group-toggle | グループ化テーブルを使用する場合、グループ切り替えボタンを表示します。 | いいえ | ブール | false |
grouping-display
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| grouping-display | グループテーブルを使用する場合、グ |
start-collapsed
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| start-collapsed | 初期表示後、グループ行が折りたたまれます。 | いいえ | ブール | false |
is-keep-collapsed
| 名前 | 説明 | 必須 | タイプ | デフォルトオプション |
|---|---|---|---|---|
| is-keep-collapsed | リフレッシュ後に折りたたまれた状態を維持します。 | いいえ | ブール | false |