How to create a Blank row in gridview

In some situations we need to add a blank row between GridView rows. The following program shows how to add a blank row between gridview rows.

insert a blank row in gridview


In this article I have used Microsoft's Pubs database for sample data. You can download it free from the following link.


How to insert blank row in gridview

In this program, the main objective is to retrieve data from the Stor table and organize it based on the stor_id field. When displaying this data in the GridView, an additional step is taken to insert a blank row whenever there is a change in the stor_id value.

To achieve this functionality, the program utilizes the RowDataBound and RowCreated events of the GridView control.

In the RowDataBound event handler, the program captures each stor_id value as it iterates through the GridView rows. It compares the current stor_id with the previous stor_id value to determine if there has been a change.

If the stor_id has changed, indicating a new group, the program inserts a new row using the RowCreated event handler. This additional row is left empty or customized as needed to visually indicate the change in stor_id.

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { storid = Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "stor_id").ToString()); } }

The event-handlers in the program allow it to judge the change of stor_id in the Gridview accordingly and create the correct rows to exclude the groups. It implies the visualization of our data with as being able to see a different distinction between stor_id values neatly.

After capturing stor_id, it evaluate with previous stor_id and check if it is changed or not. If it is a new stor_id then program insert a new row in the RowCreated event. From the following program, you can understand how to insert new row in GridView.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="400px" onrowdatabound="GridView1_RowDataBound" onrowcreated="GridView1_RowCreated"> <Columns> <asp:BoundField DataField="stor_id" HeaderText="Store ID" /> <asp:BoundField DataField="ord_num" HeaderText="Order No." /> <asp:BoundField DataField="title_id" HeaderText="Title ID" /> <asp:BoundField DataField="qty" HeaderText="Quantity" ItemStyle-HorizontalAlign="Right"/> </Columns> </asp:GridView> </div> </form> </body> </html>
C# Source Code
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.SqlClient; using System.Data; public partial class _Default : System.Web.UI.Page { int storid = 0; int rowIndex = 1; protected void Page_Load(object sender, EventArgs e) { SqlDataAdapter adapter = new SqlDataAdapter(); DataSet ds = new DataSet(); int i = 0; string sql = null; string connetionString = "Data Source=.;Initial Catalog=pubs;User ID=sa;Password=*****"; sql = "select distinct top 14 stor_id,ord_num,title_id,qty from sales group by stor_id,ord_num,title_id,qty"; SqlConnection connection = new SqlConnection(connetionString); connection.Open(); SqlCommand command = new SqlCommand(sql, connection); adapter.SelectCommand = command; adapter.Fill(ds); adapter.Dispose(); command.Dispose(); connection.Close(); GridView1.DataSource = ds.Tables[0]; GridView1.DataBind(); } protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { storid = Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "stor_id").ToString()); } } protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e) { bool newRow = false; if ((storid > 0) && (DataBinder.Eval(e.Row.DataItem, "stor_id") != null)) { if (storid != Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "stor_id").ToString())) newRow = true; } if ((storid > 0) && (DataBinder.Eval(e.Row.DataItem, "stor_id") == null)) { newRow = true; rowIndex = 0; } if (newRow) { AddNewRow(sender, e); } } public void AddNewRow(object sender, GridViewRowEventArgs e) { GridView GridView1 = (GridView)sender; GridViewRow NewTotalRow = new GridViewRow(0, 0, DataControlRowType.DataRow, DataControlRowState.Insert); NewTotalRow.Font.Bold = true; NewTotalRow.BackColor = System.Drawing.Color.Aqua; TableCell HeaderCell = new TableCell(); HeaderCell.Height = 10; HeaderCell.HorizontalAlign = HorizontalAlign.Center ; HeaderCell.ColumnSpan = 4; NewTotalRow.Cells.Add(HeaderCell); GridView1.Controls[0].Controls.AddAt(e.Row.RowIndex + rowIndex, NewTotalRow); rowIndex++; } }
VB.Net Source Code
Imports System.Drawing Imports System.Data.SqlClient Imports System.Data Partial Class _Default Inherits System.Web.UI.Page Private storid As Integer = 0 Private rowIndex As Integer = 1 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load Dim adapter As New SqlDataAdapter() Dim ds As New DataSet() Dim i As Integer = 0 Dim sql As String = Nothing Dim connetionString As String = "Data Source=.;Initial Catalog=pubs;User ID=sa;Password=*****" sql = "select distinct top 14 stor_id,ord_num,title_id,qty from sales group by stor_id,ord_num,title_id,qty" Dim connection As New SqlConnection(connetionString) connection.Open() Dim command As New SqlCommand(sql, connection) adapter.SelectCommand = command adapter.Fill(ds) adapter.Dispose() command.Dispose() connection.Close() GridView1.DataSource = ds.Tables(0) GridView1.DataBind() End Sub Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As GridViewRowEventArgs) If e.Row.RowType = DataControlRowType.DataRow Then storid = Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "stor_id").ToString()) End If End Sub Protected Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As GridViewRowEventArgs) Dim newRow As Boolean = False If (storid > 0) AndAlso (DataBinder.Eval(e.Row.DataItem, "stor_id") IsNot Nothing) Then If storid <> Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "stor_id").ToString()) Then newRow = True End If End If If (storid > 0) AndAlso (DataBinder.Eval(e.Row.DataItem, "stor_id") Is Nothing) Then newRow = True rowIndex = 0 End If If newRow Then AddNewRow(sender, e) End If End Sub Public Sub AddNewRow(ByVal sender As Object, ByVal e As GridViewRowEventArgs) Dim GridView1 As GridView = DirectCast(sender, GridView) Dim NewTotalRow As New GridViewRow(0, 0, DataControlRowType.DataRow, DataControlRowState.Insert) NewTotalRow.Font.Bold = True NewTotalRow.BackColor = System.Drawing.Color.Aqua Dim HeaderCell As New TableCell() HeaderCell.Height = 10 HeaderCell.HorizontalAlign = HorizontalAlign.Center HeaderCell.ColumnSpan = 4 NewTotalRow.Cells.Add(HeaderCell) GridView1.Controls(0).Controls.AddAt(e.Row.RowIndex + rowIndex, NewTotalRow) rowIndex += 1 End Sub End Class