Regarding the style of the selected item

[ttq]

Hey, guys
As shown in the title, I am using 9.3.2 Pro and I am using BlockSelection.
I have set the selection: ‘complex’. When I click on a cell, the selected row will display a background color. Now I have a requirement. I want to select a cell by clicking on it, and the row will still retain the background color, but the selected cell will have its background color removed and only the checkbox will be displayed. This way, the selected cell will be more clearly indicated. I tried selecting ‘cell’, but it’s a bit troublesome to add background color to rows because there are DragPanel and fixed columns, which require setting many DOM elements and can cause many problems. I also tried setting the background color for. dhx_grid taught cell, but this level is higher than the cells and will overwrite the contents of the cells, making it difficult to display. Lowering the z-index will result in the background color being displayed again, so it cannot be implemented.
May I inquire if there is a way to fulfill this requirement? Is it convenient to implement?
The desired effect is shown in the following figure

I am looking forward to your prompt response
Thank you.

[Maksim_Lakatkou]

Hello,

You can try using selection: "cell" instead of selection: "complex" and control the highlighting via Grid API methods.

• use addRowCss() to keep the row highlighted
• use addCellCss() to override the active cell background

const grid = new dhx.Grid("grid", {
    ...
    selection: "cell"
});

let previousSelection = null;

grid.events.on("AfterSelect", (row, column) => {
    if (previousSelection) {
        grid.removeRowCss(previousSelection.rowId, "custom-selected-row");
        grid.removeCellCss(previousSelection.rowId, previousSelection.columnId, "custom-active-cell");
    }

    grid.addRowCss(row.id, "custom-selected-row");
    grid.addCellCss(row.id, column.id, "custom-active-cell");

    previousSelection = { rowId: row.id, columnId: column.id };
});

Example:

DHTMLX Snippet Tool