Style not being applied to columns

[PriyaranjanKS]

Hi @kushalmehrotra713 ,

I have been trying to apply column styles to the grid but it is not getting applied.

I am creating a style object as :

const headerStyle: Partial<IDetailsColumnStyles> = { cellTitle: { backgroundColor: "#FF0000", } };

And while defining the column, adding the above style
let dataGridColumns: IColumnConfig[] = [...fields].map(f => ({ styles:headerStyle, key: f.key as string, name: f.text, text: f.text as string, editable: true, dataType: 'string', minWidth: 100, maxWidth: 100, isResizable: true, includeColumnInExport: true, includeColumnInSearch: true, applyColumnFilter: true, disableSort:false }));

Unfortunately while running, the column styles are not getting rendered. Am I Missing something. Looking forward to you help on this.

Thanks in Advance !