Setting Alternate Row Styles | ComponentOne GridView for ASP.NET WebForms

Setting Alternate Row Styles

In This Topic

See Also

This topic demonstrates how to change the color of alternating rows of a C1GridView.

In the Designer

Complete the following steps:

Drag and drop a C1GridView control onto your Web Form.
Add data to the C1GridView. For more information, see Binding the Grid to a Data Source.
Click OK.

In Source View

To change the color of alternating rows, add the following code between the <head> </head> tags as shown below:

<style type = "text/css">
// Set the color of alternating rows
  .wijmo-wijgrid-alternatingrow
    {
         background-color:pink!important;
     }
</style>

In CSS

By default, the “aristo” theme supports alternate row coloring in C1GridView. In order to modify any existing theme to get alternate row styles follow the steps below:

Open the CSS file of the theme to be modified from the following link:
http://wijmo.com/theming/
Create a new file in a text editor and copy the contents of the theme’s CSS file. Modify the code to set the color of the alternating rows as defined above under In Source View heading.
Save the file with “.css” extension.
Add the CSS file into your project.
Link the CSS file by adding the following code within the <head></head> tags in the source view as shown below:

<link rel=”stylesheet” type=”text/css” href=”name.css”>

Note: The stylesheet is the CSS file inside the “custom-theme” folder.

What You've Accomplished

When you run the project, the color of alternating rows is changed.