Reading the background color of a grid column header, and grid cell

[Alastair WalkerParticipant]

From what I can gather from reading the documentation about the styling of a grid, I understand that in order to read, say, the background color of a grid column header cell (say for column 0), I need to set up the javascript as follows:

var thisColor = $(‘#jqxgrid.jqx-grid-column-header:eq(0)’).css(‘background-color’);

When I look at the returned value of thisColor, it comes back as ‘undefined’. So, clearly I am missing something in the script.

Any guidance on what I should be doing will be really appreciated!

Many thanks,

Alastair

PS: (I also want to be able to read the background color of a selected grid cell.)

[adminKeymaster]

Hi Alastair,

For styling, please refer to: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/gridcellclass.htm?fluent
If is better to style the cells by using CSS classes. For styling column headers, you can use the ‘classname’ property. classname – sets a custom CSS class for the column’s header

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Alastair WalkerParticipant]

With all due respect, I think my question is misunderstood. I am not trying to set the color of the header or cell, I want to read its current value.

Many thanks,

Alastair

[Alastair WalkerParticipant]

Just to record my closure actions regarding this topic, I decided that the most effective resolution to my problem was to simply access the contents of the css style file associated with the theme in question.
I then reduced the style file contents to an associate array with rows comprising the css style name and the associated object comprising background color, etc.

I can then use a selected css style name .e.g. jqx-grid-column-header to access the associate array with its styling object comprising background color, etc.

Alastair

[Author]

Posts