Ag-gridのセルをどのようにマージできますか？

Question

私はAg-gridを使用しており、特定のセルを1行にマージする必要がありますので、達成してください。

ありがとうございました...！

Answer 1

ag-Gridはこの「列スパニング」を呼び出します。 HTMLテーブルの良い時代には、セルを垂直方向にマージするという密接な関連の動作のために、これをcolspanとrowspanと呼んでいます。

とにかく

は、ここではAG-グリッドの参照です：

https://www.ag-grid.com/javascript-grid-column-spanning/

Answer 2

あなたは、特定の列

cellClass: function(params) { 
    if(params.data.someConditionForCellsToBeMerged) { 
     return params.data.someConditionForCellToKeep ? "top-row-span": "bottom-row-span"; 
    } 
} 

そして、あなたのCSSのためのあなたのcolDefにこれを追加することができ

：

.ag-neo .ag-cell.top-row-span { 
    border-bottom: 0px; 
} 

.ag-neo .ag-cell.bottom-row-span { 
    border-top: 0px; 
    text-indent: -100em; // you can use this to hide the content of the bottom cell 
}