I have a RadGrid to which I've applied alternating row colors via CssClass attributes as recommended here:
That works fine to style the rows using my zebra colors. Now, I've added to the grid:
Now, when I click on a column header, the cells in the column by which I've sorted the data are not styled using my ItemStyle and AlternatingItemStyle CSS classes. All of the <td/>s in the sorted column have class="rgSorted", yet they're zebra striped in the default grid alternating colours. What gives?
(Rhetorical aside: Why don't ItemStyle-BackColor, AlternatingItemStyle-BackColor and SelectedItemStyle-BackColor just work the way they should? Why is the recommended solution that we should use CSS to bypass your grid's own properties? Shouldn't the recommended solution be to make the grid's published properties work with each other? If we have to do it in CSS, your developers definitely can.)
So, about that screenshot, why is the sorted column ignoring my CSS row styles and reverting to the defaults?
Thank you,
~Jeff
<ItemStyle CssClass="GridItemStyle" /><AlternatingItemStyle CssClass="GridAltItemStyle" /><SelectedItemStyle CssClass="GridSelItemStyle" />That works fine to style the rows using my zebra colors. Now, I've added to the grid:
<MasterTableView AllowSorting="true" />Now, when I click on a column header, the cells in the column by which I've sorted the data are not styled using my ItemStyle and AlternatingItemStyle CSS classes. All of the <td/>s in the sorted column have class="rgSorted", yet they're zebra striped in the default grid alternating colours. What gives?
(Rhetorical aside: Why don't ItemStyle-BackColor, AlternatingItemStyle-BackColor and SelectedItemStyle-BackColor just work the way they should? Why is the recommended solution that we should use CSS to bypass your grid's own properties? Shouldn't the recommended solution be to make the grid's published properties work with each other? If we have to do it in CSS, your developers definitely can.)
So, about that screenshot, why is the sorted column ignoring my CSS row styles and reverting to the defaults?
Thank you,
~Jeff
2 Answers, 1 is accepted
0
Accepted
Princy
Top achievements
Rank 2
Rank 2
answered on 15 Jul 2014, 04:32 AM
Hi Jeff,
By default RadGrid displays a special sort style for the sorted columns. The sort background depends on the skin.
If you want to disable this functionality, please set
ASPX:
Thanks,
Princy
By default RadGrid displays a special sort style for the sorted columns. The sort background depends on the skin.
If you want to disable this functionality, please set
ASPX:
<telerik:RadGrid> <SortingSettings EnableSkinSortStyles="false" /></telerik:RadGrid>Thanks,
Princy
0
Jeff
Top achievements
Rank 1
Rank 1
answered on 15 Jul 2014, 03:23 PM
Thank you, Princy. I hadn't yet come across that property, which does just what I want. (As everyone discovers quickly, the RadGrid can be overwhelming in its flexibility.)
Yesterday, I found another option, which at least gave me the ability to override the default styling, albeit sans any zebra styling of the rows, which is less than ideal:
(Not that I actually want "Tomato", mind you.) If nothing else, this is another option as long as you explicitly define your grid's columns, which must be the case in most situations.
Cheers.
Yesterday, I found another option, which at least gave me the ability to override the default styling, albeit sans any zebra styling of the rows, which is less than ideal:
<telerik:GridBoundColumn ... SortedBackColor="Tomato" /><telerik:GridBoundColumn ... SortedBackColor="Tomato" /><%-- et al --%>(Not that I actually want "Tomato", mind you.) If nothing else, this is another option as long as you explicitly define your grid's columns, which must be the case in most situations.
Cheers.