React Hierarchical Grid ページネーションの概要

React Hierarchical Grid の Ignite UI for React ページネーション機能は、大量のデータセットを類似したコンテンツを持つ一連のページに分割するために使用されます。React グリッドのページネーションにより、ユーザーエクスペリエンスとデータ操作が向上します。IgrHierarchicalGrid ページネーションは、列の追加と同様に、IgrPaginator タグを定義することにより、グリッドツリーに投影された別のコンポーネントを介して構成できます。他の React テーブルと同様に、React Hierarchical Grid のページネーションはカスタムページのテンプレートをサポートしています。

React Hierarchical Grid ページネーションの例

次の例は IgrHierarchicalGrid のページネーションを表し、ページごとの項目のオプションの使用法とページングを有効にする方法を公開します。ユーザーは、[最後のページに移動] ボタンと [最初のページに移動] ボタンを使用して IgrHierarchicalGrid ページをすばやく移動することもできます。

.gridSize {
    --ig-size: var(--ig-size-small);
}

<IgrHierarchicalGrid className="gridSize" height="500px" width="100%">
    <IgrPaginator key="paginator" perPage="10">
    </IgrPaginator>
</IgrHierarchicalGrid>

使用方法

以下の例では、IgrPaginator コンポーネントを IgrHierarchicalGrid コンポーネントと一緒に使用していますが、ページング機能が必要な場合は、他のコンポーネントと一緒に使用できます。

子グリッド内のページネーター設定

ページネーターコンポーネントのデモ

API リファレンス

その他のリソース

コミュニティに参加して新しいアイデアをご提案ください。