jqxgrid rowselect change css color of cell value (Linkrenderer column)

[dan123Participant]

Hi is there a way during rowselect and rowunselect, to change the color of the rows that has the linkrenderer?

Example:
First Name Last Name Product Order Date
Elio Saavedra Doubleshot Espresso 24-January-2016 6 $3.30

Product column has the linkrenderer. I want to change the color of that cell value when doing rowselect and rowunselect

Here is my jsfiddle:
http://jsfiddle.net/G9KY5/499/

[HristoParticipant]

Hello dan123,

You could try use .jqx-grid-cell-selected of the Grid, you could find more in our API Documentation.
Please, take a look at this example.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[dan123Participant]

Hey I want to change the font color of the link renderer. Not the background. I tried with the color css property and didnt work

[HristoParticipant]

Hello dan123,

You could try on that approach:

.jqx-grid-cell-selected:nth-child(3) a {  
  text-decoration: none;
  color: #ccc;
}

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[dan123Participant]

Hi Hristo,

Whenever there are more columns and as I start scrolling right, the css doesnt apply to that column anymore.

http://jsfiddle.net/j9yy4xeL/3/

[HristoParticipant]

Hello dan123,

This is a custom development I give you the suggestion how to achieve this.
You could use cellclassname callback with suitable conditions as in this demo.
I would suggest you to look at those forum topics:
http://www.jqwidgets.com/community/topic/selection-mode-checkbox-color-row-on-click-of-cell/
http://www.jqwidgets.com/community/topic/how-to-change-cell-color-in-grid/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts