set cursor to pointer in a grid
I have a Rad Grid and I simply want the cursor to be a pointer on hover of every row. I've tried Css classes and it hasn't worked. I know there is a simple solution, i just don't know how to do it. Below is what i've tried
<style type="text/css">
.UseHand
{
cursor: pointer;
}
<telerik:RadGrid ID="RadGrid1" Skin="WB" runat="server" AutoGenerateColumns="false" DataSourceID="DSID">
<GroupingSettings CaseSensitive="false" />
<SelectedItemStyle CssClass="UseHand" />
<MasterTableView>BLAH BLAH</MasterTableView>
<ClientSettings EnableRowHoverS开发者_开发知识库tyle="true">
<Selecting AllowRowSelect="True" />
<ClientEvents />
</ClientSettings>
</telerik:RadGrid>
Any help on this would be greatly appreciated!
I have 2 ideas for you:
Idea 1: In your example, you added the class to the SelectedItemStyle
, which I believe is the only the selected row(s), not all of them. Instead you could try:
<ItemStyle CssClass="UseHand" />
Idea 2:
You could also try forcing the issue with:
.UseHand
{
cursor: pointer !important;
}
and add the class to the grid itself:
<telerik:RadGrid ID="RadGrid1" Skin="WB" CssClass="UseHand" runat="server" AutoGenerateColumns="false" DataSourceID="DSID">
This should override any build in styles and inline styles generated by the RadGrid.
Try changing:
<SelectedItemStyle CssClass="UseHand" />
To:
<ItemStyle CssClass="UseHand" />
SelectedItemStyle
represents the currently selected row, where ItemStyle
represents all rows.
精彩评论