ASP.NET GridView Tutorial - Design time and runtime formatting of gridview Part 10

Database, Information Technology

ASP.NET GridView Tutorial

301 Lessons

Design time and runtime formatting of gridview Part 10

Link for csharp,,, dotnet basics and sql server video tutorial playlists

Link for text version of this video

GridView control provides several inbuilt styles to format different sections of the gridview. The following are some of the style properties and the sections they can format.
ControlStyle – Use to apply the formatting on the entire gridview control
RowStyle – Use to format all rows in the gridview
AlternatingRowStyle – Use to format all alternating rows in the gridview
HeaderStyle – Use to format the header of the gridview control
FooterStyle – Use to format the footer of the gridview control
EditRowStyle – Use to format when the row is in edit mode.

By default, the footer of the girdview control is not visible. To show the footer, set “ShowFooter” property of the gridview control to true.

If you are not very good at designing, then you may use “AutoFormat” feature of the gridview control.

These styles can be applied declaratively at design time or dynamically at runtime based on the underlying data. At design time, the styles can be applied using properties window or directly in the HTML source.

I want to display Employee data in a gridview control. All the employee rows, with salary greater than 70,000 should have a “RED” background color and white font colour. Obviously this cannot be done at design time. At runtime, we need to check the value in “AnnualSalary” column for each row, and if it is greater than 70,000, then we need to set the “BackColor” property of that row to “Red”. This can be very easily achieved using RowDataBound event.

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
// Loop thru each datarow in the gridview
if (e.Row.RowType == DataControlRowType.DataRow)
// You can also retrieve salary using cell index in the row
// Avoid using index, as this may not work correctly if the
// order of columns is changed in the gridview control
// int salary = Convert.ToInt32(e.Row.Cells[2].Text);
// Retrieve salary
int salary = Convert.ToInt32
(DataBinder.Eval(e.Row.DataItem, “AnnualSalary”));
// If Salary is greater than 70000, set your styles
if (salary 70000)
e.Row.BackColor = System.Drawing.Color.Red;
e.Row.ForeColor = System.Drawing.Color.White;

    Access DataSource in AccessDataSource in Alert another gridview ascending asp net gridview access database c# bind xml to gridview data source controls datagridview datasource controls get data from access database gridview gridview bind to xml gridview edit gridview formatting gridview sqldatasource gridview xml c# gridview xml file ms access database example objectdatasource explained between bi-directional bidirectional bind xml file to gridview in binding xml file to gridview business objects C# c# accessdatasource c# data source object c# datagrid example c# get data from access database c# gridview sqldatasource c# sql data source connection string c# sqldatasource example c# sqldatasource selectcommand c# xslt example c# xslt transform xml document c# xslt tutorial cells changing data checkbox client-side code colspan CompareAllValues compute concurrency confirm ConflictDetection conflictdetection property content control controls convert xml node to attribute custom paging Data DataFormat String DataFormatString datagrid in datagrid in c# DataKeyNames dataset datasource datasource controls default paging delete delete confirmation delete data Deleting deleting data descending detailed data details view details view in DetailsView difference display Displaying displaying gridview document Drill Down Drilldown drilling down dropdownlist edit edit and update editing EmptyDataTemplate EmptyDataText event example Excel Export exporting footer footer row format formatting gridview at runtime Formatting gridview in code generate Grid View gridview gridview currency format gridview datasource xml file gridview date format gridview ms access database gridview retrieve templatefield value gridview RowDataBound gridview template gridview templatefield gridview templatefield get control GridViewDeletedEventArgs hierarchical data how how to display date in gridview without time How to get value from TemplateField in GridView how to pass data from gridview to another page in image field imagefield images implement implementing insert inside javascript jquery KeepInEditMode Merging. merge microsoft multiple rows nested nested gridview nesting no data no rows in datasource object datasource object datasource in objectdatasource objectdatasource in order OverwriteChanges page page numbers page size paging pdf properties read xml file with child nodes c# Repeater Retrieve ItemTemplate control value in Gridview row cells rowcommand rowdatabound rowdatabound event RowDataBound example RowDeleted event RowUpdated several rows show date only in gridview showing sort sort arrows sort images sortable Sorting sqldatasource sqldatasource in stored procedures summary data templatefield totals tutorial two or more rows Update update data Updated updating updating data Use use optimistic concurrency using validation Validation Controls web server when without without data source controls without datasource controls Word workbook working with xmldatasource in xslt basics xslt example xslt to transform xml to xml xslt transformation xslt transformation c# example