In Serenity, I need to change the row color in the grid dynamically when a checkbox is selected, according to its respective Id.

[Chandansahoo4647]

I want this using
this.rowSelection = new Serenity.GridRowSelectionMixin(this);
When i append this checkbox

[Chandansahoo4647]

protected getColumns() {
var columns = super.getColumns();
columns.splice(0, 0, Serenity.GridRowSelectionMixin.createSelectColumn(() => this.rowSelection));
return columns;
}
protected onClick(e: JQueryEventObject, row: number, cell: number) {
super.onClick(e, row, cell);
const target = e.target as HTMLElement;
if ($(target).hasClass('check-box')) {
const rowElement = $(target).closest('.slick-row');
if (rowElement.length) {
if ($(target).hasClass('checked')) {
$(target).removeClass('checked');
rowElement.css('background-color', '');
} else {
$(target).addClass('checked');
rowElement.css('background-color', 'yellow');
}
}
}
}

This code works perfectly.