# Data iterators

v-data-iterator コンポーネントは、データの表示に使用します。利用できる機能の大部分は v-data-table コンポーネントと共通です。 ソート、検索、ページネーション、選択などの機能が利用できます。

# 使い方

v-data-iterator では、データの表示方法を細かくカスタマイズできます。 この例は、カード形式のグリッド表示を使用する例です。

# API

# サンプル

# スロット

# デフォルト

v-data-iterator は、v-data-table と同様に選択状態と展開状態を内部的に持ちます。 この例では、デフォルトのスロットで利用できるメソッドの isExpandedexpand を使用しています。

# ヘッダーとフッター

v-data-iteratorは、コンテンツを追加できる headerとfooterのスロットを持ちます。

# その他

# フィルター

ソート順、フィルタ、ページネーションは、対応するプロパティを設定することで外部からコントロールできます。

準備はできましたか?

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:05/20/2022, 4:10:15 PM