dhtmlxGrid - dynamically change column styles

Hello -
I need help to figure out how I can accomplish a requirement on a grid so that depending on a selected option from the selection box on the page, 1 or 2 header column would change background color and/or fonts then switch back to original color/font when no longer applicable from the select.

I have a grid that is initiated using code snippet below. I’m also attaching a snapshot of the grid.

.
.
.
bbygrid = new dhtmlXGridObject(‘bbygrid_container’);
bbygrid.setImagePath(“/eb2b-jscripts/dhtmlxGrid/imgs/”);
bbygrid.setHeader(“RGM Summary,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,Quantity Variance,#cspan,Unauthorized Returns,#cspan,#cspan,#cspan,#cspan,#cspan,Cost Variances,#cspan,#cspan,BBY Approved Fees,#cspan”);
bbygrid.attachHeader(“RGM#,UPC,SKU,Model#,Description,RECV QTY,UNIT COST,EXT Cost,Location,Total Variance,Units over/short,Total Value - over/short,Units Returned to BBY,Total Value,Variance Reason - REQUIRED,Tracking Number - REQUIRED,Carrier - REQUIRED,Ship Date,Units,Vendor Unit Cost,Total Cost Variance,Approved Fee,Amount”);
.
.
.

Any help would be appreciated.

Thanks!
screenshot.zip (25.9 KB)

Unfortunately the dynamic changing of the column header is not available.