Is it possible to use inline CSS to define table styles?

[Georage]

Currently, I am using an external CSS file as suggested in the documentation.

var cssClassNames = {

               'headerRow': 'grm3ChartlyTableHeader',

               'tableRow': '',

               'oddTableRow': 'grm3ChartlyTableOddRow',

               'selectedTableRow': '',

               'hoverTableRow': '',

               'headerCell': '',

               'tableCell': '',

               'rowNumberCell': ''

               };

But I would prefer to do something like this ... more of an inline css style. Why? Because I am allowing end users to dynamically change the style of their tables before publishing to an active site.

var cssClassNames = {

               'headerRow': 'background-color: #000000;',

               'tableRow': '',

               'oddTableRow': 'background-color: #F1F1F1;',

               'selectedTableRow': '',

               'hoverTableRow': '',

               'headerCell': '',

               'tableCell': '',

               'rowNumberCell': ''

               };

Also, I notice I cannot remove the gradient from headerRow ... it seems to never be a solid color like a want. I have tried background: none but that makes the background white and I want it to be a solid blue.

THANKS FOR ANY ASSISTANCE.