# Data iterators

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

# 使い方

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

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

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

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

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーションリンクでページ間を移動できます。

GitHub でこのページを編集する

最終更新日:08/28/2026, 7:52:36 PM