GridView Selected Row

Question

User-154964619 posted

Hi,

 I am using css-friendly control adapters and have a gridview where I would like to style the

selected rows using css.

I tried

.AspNet-GridView .GridView .AspNet-GridView-Selected SelectedRow .td(and without td)

{

color:Green;background:Yellow;

}

 

Where, in the Gridview, the CssClasses are set as

SelectedRowStyle-CssClass="SelectedRow" CssClass="GridView"

--------------

 I would be glad if someone could help me in styling selected rows.

Thanks.

 

Answer 1

User-748361252 posted

Hi,

Use the following in the girdview markup to set the selected row style.

<SelectedRowStyle BackColor="Red" />

For example;

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="testid">
<Columns>
<asp:BoundField DataField="testid" HeaderText="testid" InsertVisible="False" ReadOnly="True" SortExpression="testid" />
</Columns> 
 <SelectedRowStyle BackColor="Red" />
</asp:GridView>

Hope, it will help.

Regards,

Danish

Answer 2

User-748361252 posted

hi,

 you can also use it as follows.

<SelectedRowStyle cssClass="test" />

Regards,

Danish

Answer 3

User-154964619 posted

Hi Danish,

Thanks for the reply. Setting the style at the markup of gridview doesnt work because I am using css friendly control adapters I think.

As for the class, I have already put a class name for the SelectedRowStyle but could not manage to make that work.

SelectedRowStyle-CssClass="SelectedRow" CssClass="GridView"

.AspNet-GridView .GridView .AspNet-GridView-Selected SelectedRow .td(and without td)

{

color:Green;background:Yellow;

}

Answer 4

User-154964619 posted
.AspNet-GridView .GridView .AspNet-GridView-Selected

{

background:Yellow;

}