Cannot Set CSS Styles for Specific Cells in SlickGrid Universal

[hwlv]

Description:
Currently, setCellCssStyles allows setting CSS styles for rows or columns, but it does not seem to support applying styles to specific cells. I need the ability to apply custom styles to individual cells based on specific conditions (e.g., cell value or other row/column-specific data). This feature would be highly beneficial for scenarios like highlighting errors or dynamically formatting cells based on data.

Expected Behavior:
Provide a method or enhance the existing setCellCssStyles to target individual cells, not just entire rows or columns.

[ghiscoding]

That's exactly what Example 11 and Example 12 do after editing a cell, any edited cell(s) will change color. You ask a lot of questions in here, however I wish that you could consider asking these kind of questions on Stack Overflow, it's a better platform for any kind of questions and I also answer questions there too. For example there's already this SO Question Add Css style to edited cell in slickgrid that also seems to fit your question.

The setCellCssStyles is really the correct function to use, you need to provide your row in the hash key as shown below from Example 12

slickgrid-universal/examples/vite-demo-vanilla-bundle/src/examples/example12.ts

Lines 689 to 699 in a0a595e

	renderUnsavedCellStyling(item: any, column: Column, editCommand: EditCommand) {
	if (editCommand && item && column) {
	const row = this.sgb.dataView?.getRowByItem(item);
	if (row !== undefined && row >= 0) {
	const hash = { [row]: { [column.id]: 'unsaved-editable-field' } };
	const cssStyleKey = `unsaved_highlight_${[column.id]}${row}`;
	this.sgb.slickGrid?.setCellCssStyles(cssStyleKey, hash);
	this.cellCssStyleQueue.push(cssStyleKey);
	}
	}
	}