React グリッド セルの結合
Ignite UI for React データ テーブル / データ グリッドはセルの結合をサポートします。オプトインして、特定の列の隣接する兄弟レコードに同じ値が含まれている場合に検出できます。セルがアクティブ、選択、または編集モードではない間、値はセル全体に表示されます。
React グリッド セルの結合例
概要
React データ グリッドでのセルの結合は、React グリッド全体または個々の列の mergedCellMode オプションを使用して構成できます。このプロパティは、以下にリストされている次のオプションのいずれかに設定できます:
Never: グリッドまたは列がセルを結合することはありません。これがデフォルトの動作です。Always: グリッドまたは列が常にセルの結合を試みます。OnlyWhenSorted: グリッドまたは列が列がソートされたときにのみセルの結合を試みます。
このプロパティの値に関係なく、セルは兄弟レコード間でのみ結合できることに注意してください。
セルの結合は、mergedCellEvaluationCriteria プロパティを使用してデータが書式設定されているかどうかに基づいて評価できます。これは、グリッド全体または個々の列に適用され、以下にリストされている次のオプションのいずれかに設定できます。
RawValue: セルの生の値が同じ場合、隣接する行のセルを結合します。これがデフォルト値です。FormattedText: セルからのフォーマットされた値が同じである場合、隣接する行からのセルを結合します。