Hi venkatsan,
I have created a sample which full fill your requirement by taking reference from below article
HTML
<div>
<table>
<tr>
<td>
<asp:GridView ID="gvCustomers" class="ApplyFixHeader" runat="server">
</asp:GridView>
</td>
<td>
<asp:GridView ID="gvOrders" class="ApplyFixHeader" runat="server">
</asp:GridView>
</td>
<td>
<asp:GridView ID="gvEmployees" class="ApplyFixHeader" runat="server">
</asp:GridView>
</td>
</tr>
</table>
</div>
<div>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
table
{
border: 1px solid #ccc;
}
table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
table th, table td
{
padding: 5px;
border-color: #ccc;
}
</style>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/ScrollableGridPlugin_ASP.NetAJAX_3.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.ApplyFixHeader').Scrollable({
ScrollHeight: 300
});
});
</script>
</div>
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
gvCustomers.DataSource = GetData("SELECT TOP 20 CustomerID,ContactName,City FROM Customers");
gvCustomers.DataBind();
gvOrders.DataSource = GetData("SELECT [CustomerID],[OrderID],[ShipName] FROM [Orders]");
gvOrders.DataBind();
gvEmployees.DataSource = GetData("SELECT [ProductID],[ProductName],[QuantityPerUnit],[UnitPrice] FROM [Products]");
gvEmployees.DataBind();
}
}
private DataTable GetData(string query)
{
string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
SqlConnection con = new SqlConnection(constr);
SqlCommand cmd = new SqlCommand(query, con);
SqlDataAdapter sda = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
sda.Fill(dt);
return dt;
}
Screenshot