Home > ASP.NET • C# > Fixed header of grid view on scrolling in asp.net c#
by
Fixed header of grid view on scrolling in asp.net c#
Source Code – Default.aspx
<%@ 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/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.gridview_header_table {
background: #ffffff;
color: #fafafa;
font-weight: bold;
border: 1px solid ##f08a0b;
width: 580px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="gridview_header_table">
<table bgcolor="#f08a0b" rules="all">
<tr>
<td style="width: 109px;">CategoryName</td>
<td style="width: 167px;">Description</td>
</tr>
</table>
</div>
<div style="height: 130px; width: 600px; overflow: auto;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
ShowHeader="False" Width="580px">
<Columns>
<asp:BoundField DataField="CategoryName" />
<asp:BoundField DataField="Description" />
</Columns>
</asp:GridView>
</div>
</div>
</form>
</body>
</html>
Source Code – Default.aspx.cs
using System;
using System.Data;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bindgridview();
}
}
protected void bindgridview()
{
SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=Northwind;Integrated Security = True");
con.Open();
SqlCommand cmd = new SqlCommand("Select * from Categories", con);
SqlDataAdapter add = new SqlDataAdapter(cmd);
DataSet da = new DataSet();
add.Fill(da);
GridView1.DataSource = da;
GridView1.DataBind();
}
}