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 !
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 !