I really like the new responsive vertical render for the iGrid. However, when the the grid becomes vertical, I can't seem to figure out how to change the a header cell background color. For example, assuming the grid id is 'igrid1' and a specific column's key is 'Column1' I could use the following css to change the column headers background color:
#igrid1_Column1 { background: red;}
This method no longer works when the grid goes vertical.
How would I go about modifying the column header with this new behavior in mind?
Thanks,
Kris Kunkel
Yeah I had to go the JQuery route.
Thank you all for responding!
Hello Kristopher,
I am following up to see if the information that Stamen has provided has resolved this matter.
Please let me know if you have any further questions concerning this matter.
You could also use the CSS3 :nth-child selector to get to a specific tr based on index. If you need to apply a style based on another property though it could be trickier and may involve using jQuery. Please, let me know what your specific requirement is and I'll try to provide you with a solution. It'll also help identifying ways we can improve on the vertical rendering usability.
Thank you for using Infragistics forums!
Best regards,
Stamen Stoychev
I have half a workaround where I can modify all column headers using the selector:
#1grid1 tbody tr td:first-child { ... }
However, since the <td>'s in the new vertical table structure lack any defining attribute, I can't drill down to a specific header <td> using CSS.
Anyone have a suggestion?