Programmatically creating grid view header row in asp
•
0 likes•255 views
Programmatically creating grid view header row in asp
![9/1/2015 Programmatically creating GridView header row in ASP.NET using C#
http://www.dotnetfox.com/articles/programmaticallycreatinggridviewheaderrowinAspNetusingCSharp1059.aspx 2/6
Sample code:
GridViewRow HeaderRow = new GridViewRow(1, 0, DataControlRowType.Header,
DataControlRowState.Insert);
TableCell class is used to create cell which will be added to corresponding Header row.
Sample code:
TableCell HeaderCell2 = new TableCell();
HeaderCell2.Text = "Personal Details";
HeaderCell2.ColumnSpan = 2;
HeaderRow.Cells.Add(HeaderCell2);
After we have to add Header row to the GridView.
Sample code:
gvEmployee.Controls[0].Controls.AddAt(0, HeaderRow);
Design your aspx page like this
Designer source code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>gridview header</title>
<style type="text/css">
.header
{
backgroundcolor:#3E3E3E;
fontfamily:Calibri;
color:White;
textalign:center;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="gvEmployee" runat="server" AutoGenerateColumns="false" Width="600px"
OnRowCreated="gvEmployee_RowCreated" ShowHeader="false">
<RowStyle FontNames="Calibri" />
<Columns>
<asp:BoundField DataField="empid" />
<asp:BoundField DataField="name" />
<asp:BoundField DataField="city" />
GridView in ASP.NET
Be the first of your friends to like this
Dotnet fox
2,442 likes
Like Page Share
DotnetFox
+ 58
Follow +1
Labels
ASP.NET [97] Chart [27] GridView
[24] AJAX [15] JQuery [14] Google
chart [13] Fusion Charts [8] iTextSharp
[8] PDF [8] ASP.NET MVC [5] File
upload [5] Export [5] MVC [5] XML
[5] Import [4] DataList [4] MVC 4
[4] DropDownList [3] AJAX chart [3]
Accordian [3]
0
2
Like
15
5
0
Contact meAbout me2.4kLike
Follow @saran_31 1,555 followers
Be the first of your friends to like this
Dotnet fox
2,442 likes
Like Page Share](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
More Related Content
Viewers also liked
Viewers also liked (6)
Recently uploaded
Recently uploaded (20)
Programmatically creating grid view header row in asp
- 1. 9/1/2015 Programmatically creating GridView header row in ASP.NET using C# http://www.dotnetfox.com/articles/programmaticallycreatinggridviewheaderrowinAspNetusingCSharp1059.aspx 1/6 by: Saravanan Arumugam Date: 25/10/2013 Page views: 54522 Programmatically creating GridView header row in ASP.NET using C# Hide demo Download In this article I’m going to explain how to create GridView header row programmatically in ASP.NET using C#. I got one requirement that I have to create GridView header row programmatically. In my scenario I have to create Multiple Header row which includes header style. It’s very easy once I figure out what the proper event in the page lifecycle to use. I have used OnRowCreated="gvEmployee_RowCreated" event to achieve the task. In this demo I have used XML to bind GridView. After binding the GridView we have to create OnRowCreated event. Sample code: protected void gvEmployee_RowCreated(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.Header) { … } } GridViewRow class is used to create GridView rows which includes DataRow, EmptyDatarow, Footer, Header, Pager and Separator. Dynamic Accordion menu or Vertical menu using jQuery in ASP.NET MVC Adding a Controller in ASP.NET MVC 4 Creating ASP.NET MVC 4 web application with Empty project template Getting started with ASP.NET MVC 4 Introduction to ASP.NET MVC Bind GridView using jQuery in ASP.NET Google Geo Chart or Geo map with custom Color and Tooltip in ASP.NET Subscribe via Email Recent Post .NET News Weekly Everything .NET, delivered straight to your inbox, every week. Home ASP.NET Charts WCF XML AJAX JQuery Tips & Tricks
- 2. 9/1/2015 Programmatically creating GridView header row in ASP.NET using C# http://www.dotnetfox.com/articles/programmaticallycreatinggridviewheaderrowinAspNetusingCSharp1059.aspx 2/6 Sample code: GridViewRow HeaderRow = new GridViewRow(1, 0, DataControlRowType.Header, DataControlRowState.Insert); TableCell class is used to create cell which will be added to corresponding Header row. Sample code: TableCell HeaderCell2 = new TableCell(); HeaderCell2.Text = "Personal Details"; HeaderCell2.ColumnSpan = 2; HeaderRow.Cells.Add(HeaderCell2); After we have to add Header row to the GridView. Sample code: gvEmployee.Controls[0].Controls.AddAt(0, HeaderRow); Design your aspx page like this Designer source code: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>gridview header</title> <style type="text/css"> .header { backgroundcolor:#3E3E3E; fontfamily:Calibri; color:White; textalign:center; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:GridView ID="gvEmployee" runat="server" AutoGenerateColumns="false" Width="600px" OnRowCreated="gvEmployee_RowCreated" ShowHeader="false"> <RowStyle FontNames="Calibri" /> <Columns> <asp:BoundField DataField="empid" /> <asp:BoundField DataField="name" /> <asp:BoundField DataField="city" /> GridView in ASP.NET Be the first of your friends to like this Dotnet fox 2,442 likes Like Page Share DotnetFox + 58 Follow +1 Labels ASP.NET [97] Chart [27] GridView [24] AJAX [15] JQuery [14] Google chart [13] Fusion Charts [8] iTextSharp [8] PDF [8] ASP.NET MVC [5] File upload [5] Export [5] MVC [5] XML [5] Import [4] DataList [4] MVC 4 [4] DropDownList [3] AJAX chart [3] Accordian [3] 0 2 Like 15 5 0 Contact meAbout me2.4kLike Follow @saran_31 1,555 followers Be the first of your friends to like this Dotnet fox 2,442 likes Like Page Share
- 5. 9/1/2015 Programmatically creating GridView header row in ASP.NET using C# http://www.dotnetfox.com/articles/programmaticallycreatinggridviewheaderrowinAspNetusingCSharp1059.aspx 5/6 Related Articles HeaderCell = new TableCell(); HeaderCell.Text = "Joining date"; HeaderRow1.Cells.Add(HeaderCell); HeaderRow.Attributes.Add("class", "header"); HeaderRow1.Attributes.Add("class", "header"); gvEmployee.Controls[0].Controls.AddAt(1, HeaderRow1); } } } View demo Download If you enjoyed this article, get email updates (it's free). Subscribe Comments How to add edit delete update records in Grid view ASP.NET Introduction: In this article i'm going to explain how to add delete edit records in Grid view. Description: If we want to add delete edit records in grid view we should use following grid view events, 1. onrowcommand 2. onrowdeleting 3. onrowupdating 4. onrowcancelingedit 5. onrowediting Also we should use following template field in Grid View. 1.ItemTemplate : ItemTemplate is used to display rec... How to insert edit delete update records in Grid view using WCF In this article i'm going to explain how to insert records using WCF. Windows Communication Foundation (WCF) is an extension of the .NET framework to build and run connected systems. Windows Communication Foundation provides a unified framework for building secure and reliable transacted Web services. Windows Communication Foundation combines and extends the capabilities of Distributed System...
- 6. 9/1/2015 Programmatically creating GridView header row in ASP.NET using C# http://www.dotnetfox.com/articles/programmaticallycreatinggridviewheaderrowinAspNetusingCSharp1059.aspx 6/6 Create dynamic GridView or programmatically create ASP.NET GridView with dynamic …2 comments • 2 years ago Kiran — how do I dynamically add rows in grid view windows application when press button ? Please help me GridView formatting or dynamically change GridView cell color based on cell value in …2 comments • 2 years ago wadriano — Nice article, thanks. I used it in a loop for all the cells of the gridview and it works, here it is a sample code: if (e.Row.RowType == … Google Geo Chart or Geo map with custom Color and Tooltip in ASP.NET ... 1 comment • a year ago Mohammad Farahani — thanks GridView custom CSS style example in ASP.NET 4 comments • 2 years ago hello — Thanks... ALSO ON DOTNETFOX 2 Comments dotnetfox Login1 Share⤤ Sort by Best Join the discussion… • Reply • karthik • a year ago but Whie Exporting data to Excel Headers are not Visibel △ ▽ • Reply • Piyush Goriya • a year ago Thanks a , you saved my life :D I was in creitical situation, and your solution was the perfect one.. Thanks △ ▽ WHAT'S THIS? Subscribe✉ Add Disqus to your sited Privacyὑ Recommend Share › Share › 2.4kLike Follow @saran_31 1,555 followers Follow Dotnetfox Categories ASP.NET Charts WCF XML AJAX JQuery Reference msdn.microsoft.com www.asp.net blogs.technet.com www.stackoverflow.com www.jquery.com Copyright © 2013 Dotnetfox.com Privacy Policy Terms and Conditions Disclaimer