ASP.NET Controls visit Telerik website

UI Components

Productivity

JustCode

Data

Automated Testing

WebUI Test Studio

TFS Tools

Content Management

Sitefinity .NET CMS

Search Examples

	Grid
	Overview Outlook Grid Web Mail Grid Hierarchy with Templates Filter Templates Persisting Grid Settings What's new Rating column Header Context Filter Menu .NET 3.5 .NET 3.5 Client-side Data Binding Entity Framework CRUD Operations LinqToSql CRUD Operations LinqToSql Manual CRUD Operations Performance Virtual scrolling with client binding Client-side Binding and Caching 300 000 rows with LINQ Using RadInputManager ViewState Optimization Shared RadDatePicker Master/Details Client-side Data Binding Migration from GridView Migration from GridView Columns Column Types Attachment column Calculated Columns Footer Aggregates Column Formatting Column/Row Resize/Reorder Header Context Menu Rows Selected Rows Style Accessing Cells and Rows Items Drag-and-drop Populating with Data Client-side binding Declarative Binding Programmatic Binding Server-side binding Simple Data Binding Advanced Data Binding Various DataSources Master/Detail Grids Programmatic Creation from XML WebService binding Client Binding Server Binding Sorting Basic Sorting Programmatic Sorting Paging Basic Paging Alphabetic Pager Slider/Advanced-style Pager Pager Template Customizing the Pager Custom Paging SEO-friendly Paging Scrolling Scrolling Virtual Scrolling and Paging Frozen Columns Selecting Client-side Row Selection Server-side Row Selection Exporting Export to PDF MS Excel/MS Word/CSV Filtering Basic Filtering Filtering in Hierarchy Filtering Template Columns Google-like Filtering Filtering with RadFilter Hierarchy Declarative Relations Programmatic Binding Several Tables at a Level Client-side Hierarchy Loading Mixed Hierarchy Loading NestedViewTemplate Relations Self-referencing Hierarchy Autogenerate hierarchy Grouping Outlook-style Grouping Group By Expressions Client Group Load Group Footers Insert/Update/Delete Automatic Operations Extracting values Using Column Editors Using Server-side API Edit Form with Multiple Columns Command Item User Control Edit Form Form Template Edit Form PopUp Edit Form Edit on Double-click Editing with external form Update/Insert/Delete in Hierarchy Client-side Insert/Update/Delete Client edit with batch server update Client-side Inline Delete Editing XML Using XmlDataSource Validation Flexible Server-side Validation Programmatic creation On PageInit On PageLoad Creating Hierarchy Programmatically Layout CardView ListView/DataList View Displaying Pivot Data Client-Side API Client Objects and Events Client-side API Keys/Values Client-side Accessibility and Internationalization Keyboard Support Accessibility Compliance Right-to-left Support Appearance/Styling Custom Skin Styling Header, Footer and Pager Styling Edited Rows Application scenarios Binary Images and Upload in Grid AJAX-enabled Context Menu Grid Filtered by Combo Load on Demand Grid in Combobox Combo in Grid Window Editing Resizing RadGrid in RadSplitter RadNumericTextBox for Footer Totals Grid and Aggregate Chart Chart in TemplateColumn Tooltipified RadGrid RadToolBar as Command Item Insert with Tooltip

Grid / Selected Rows Style

Rate this demo:

1
2
3
4
5

Feedback

Run example in: C# VB.NET Change Skin:

Black
Default
Forest
Hay
Office2007
Outlook
Simple
Sitefinity
Sunset
Telerik
Vista
Web20
WebBlue
Windows7

CustomerID

CompanyName

ContactName

ContactTitle

Address

PostalCode

1 2 3 4 5 6 7 8 9 10

Page 1 of 10, items 1 to 10 of 91.

ALFKI

Alfreds Futterkiste

Maria Anders

Sales Representative

Obere Str. 57

12209

ANATR

Ana Trujillo Emparedados y helados

Ana Trujillo

Owner

Avda. de la Constitución 2222

05021

ANTON

Antonio Moreno Taquería

Antonio Moreno

Owner

Mataderos 2312

05023

AROUT

Around the Horn

Thomas Hardy

Sales Representative

120 Hanover Sq.

WA1 1DP

BERGS

Berglunds snabbköp

Christina Berglund

Order Administrator

Berguvsvägen 8

S-958 22

BLAUS

Blauer See Delikatessen

Hanna Moos

Sales Representative

Forsterstr. 57

68306

BLONP

Blondesddsl père et fils

Frédérique Citeaux

Marketing Manager

24, place Kléber

67000

BOLID

Bólido Comidas preparadas

Martín Sommer

Owner

C/ Araquil, 67

28023

BONAP

Bon app'

Laurence Lebihan

Owner

12, rue des Bouchers

13008

BOTTM

Bottom-Dollar Markets

Elizabeth Lincoln

Accounting Manager

23 Tsawassen Blvd.

T2F 8M4

Example Source Code & Description

Open in new window

This example demonstrates how to customize the appearance of the selected rows using the SelectedItemStyle property. Below is a code extraction from the html of the page:

<SelectedItemStyle CssClass="SelectedItem"></SelectedItemStyle>

<style type="text/css">
.SelectedItem
{
background-image: url(img/SelectedRow.gif);
background-repeat: no-repeat;
background-position: top right;
}
</style>

The other option (when skin is applied for the control) is to alter directly the SelectedRow_[SkinName] class residing in the RadControls/Grid/Skins/[SkinName]/Styles.css file. This is how the aforementioned class look like for the Default grid skin:
.SelectedRow_Default td
{
background: #e5e5e5 !important;
height: 22px;
border: solid 1px #e5e5e5;
border-top: solid 1px #e9e9e9;
border-bottom: solid 1px white;
padding-left: 4px;
}

Additional details about how to modify the existing grid skins you can find in this article from the product online documentation:
Modify existing skins

Copyright 2002-2010 © Telerik. All right reserved |

Telerik Inc., 460 Totten Pond Rd, Suite 640, Waltham, MA 02451

www.telerik.com | Terms of Use | Contact Us