Changing the CSS in a Infragistics WebDataGrid

Question

I am trying to change the css (basically just the colour of the header, rows etc) of the web data grid. I've been searching for a while and the only options I've come across are:

1. Modify the Infragistics.css file located at /Content/Infragistics/css - doubt this is the right way of doing it. File is huge and not really maintainable.

2. Download and apply themes - think this is applicable only for asp.net and more over this isn't exactly flexible.

Guessing there is another way of doing this. Anu suggestions?

Thanks!

Answer 1

With a little more searching, and a little help from the Chrome page source, I found out that the selectors to be used are slightly different from the regular format.

For example to select the rows : #igGrid1 > tbody > tr where #igGrid1 corresponds to the id of the Infragrid.

This page gives a few more examples of the different kind of selectors needed to access the Infra grid elements.