Slickgrid add colour to a cell/ column or row

Question

I have a slickgrid which works fantastic, it has calculations/ subtotals / expenses etc, The subtotals are not fixed a one row they move down as Items are selected above.

However I am stuck at change the colour of the text in this one cell to red? is it possible? maybe by injecting HTML code in ? and is there a way to colour a whole column background.. say green? or a row to gray?

I found an efficient way to set styles on SlickGrid cells, without using an inner div. It's not trivial, but it does work well: https://stackoverflow.com/a/36562844/218294 — Sam Watkins, Apr 12 '16 at 03:10

score 7 · Accepted Answer · edited May 23 '17 at 11:46

7

Add a CSS class to a column by using the cssClass property on the column definition columnDefinition.cssClass='myCellClass'

To add a specific CSS class to some of the rows, use the "rowClasses" option specified here.

Refer to answers in these two SO questions for detail: How to add a class to a cell in SlickGrid and How to change cell's background color in SlickGrid?

edited May 23 '17 at 11:46

Community

1
1

answered Sep 19 '12 at 11:35

chridam

100,957
23
236
235

1

Thanks column worked perfectly .. looking into the others now – chris Sep 19 '12 at 11:56

Slickgrid add colour to a cell/ column or row

1 Answers1