Cell Merging

[Val9000]

When using the the Cell Merging feature, would it be possible to stop the split when clicking on a row(cell) ?
Also turn off the hovering effect ?

If not how else could I implement it ? Could you provide a little example.

Thank you in advance :)

[IvanKitanov17]

Hello @Val9000,

The splitting of cells, when navigating or activating a cell is actually a feature by design. When a cell is active, all merged cells in the same row become single cells, i.e. their merge sequence is broken. This also includes activation via keyboard navigation and is also essential for cell/row editing.

Could you let me know in which scenario you would like to have the merged cells not split up? So that I can try to provide a solution.

Regarding the hover effect, you can set the background color to transparent with the following scss:

igx-grid .igx-grid__tbody .igx-grid__tr:hover,
igx-grid .igx-grid__tbody .igx-grid__tr:hover .igx-grid__td--merged,
igx-grid .igx-grid__tbody .igx-grid__tr:hover .igx-grid__td--fw.igx-grid__td--merged,
igx-grid .igx-grid__tbody .igx-grid__td--fw.igx-grid__td--merged-hovered,
igx-grid .igx-grid__tbody .igx-grid__td--merged:hover {
background-color: transparent !important;
}

[Val9000]

Hello @IvanKitanov17,
thank you for the fast response.

In my case, i do not need that feature at all, would it be possible to deactivate the break ?
I also do not need any editing or whatever. I only need the table for simple reading and filter (Excel Filter)

My goal is to rewrite this using your grid (I have built it using mat table using row span):

The only thing left is the row (cell) merging.

Edit:
I just realized this the cell merging is only available for v20.x (Angular v20.x).

How do i achieve that using v19.2.30

[IvanKitanov17]

Hello @Val9000,

Unfortunately, the cell merging is a new feature that has been added in version 20.2, due to its complexity it would be really hard to implement it at an application level, so my suggestion is to consider upgrading to 20.2.

In case you want a read-only grid with filtering/sorting, what I can recommend you is logging a feature request for creating a property that would disable the activation or to make the activeNodeChange cancellable, since as I mentioned before the activation of a cell breaks the merge sequence.

[Val9000]

So that means there is no quick solution for that using 20.2 ? I have to wait till my request was accepted and implemented ?
That is very unfortunate :(

Where do I create the request ?

[IvanKitanov17]

@Val9000 Yes, you would need to create a feature request for this. As I mentioned activation is a crucial part of how the grid works, so this is why there is no easy solution for this.

You can submit feature request in our GitHub repository here.

Remember when submitting your idea to explain the context in which a feature would be used and why it is needed as well as anything that would prevent you from accomplishing this today. You can even add screenshots to build a stronger case.

This will give you the opportunity to directly communicate with our development team regarding the issue and get notifications whenever new information is available.