Getting Error page unresponsive

When you see “Page Unresponsive” in the browser while binding a dataset to a GridView in ASP.NET WebForms (ASPX), even with only 50–80 rows, it usually means the page is doing too much work on the client side or rendering inefficiently. ViewState isn’t the only factor — there are several common causes and fixes:

Common Causes

• Heavy ViewState / large HTML output: Even if you disabled ViewState, GridView can still generate large markup with many controls.

• Complex templates: If each row has nested controls (DropDownLists, CheckBoxes, etc.), rendering becomes slow.

• Client-side scripts: Large grids with many controls can trigger expensive JavaScript execution in the browser.

• Synchronous data binding: Binding large datasets directly in Page_Load without paging.

Solutions

1. Enable Paging

Instead of loading all rows at once:

GridView1.AllowPaging = true;
GridView1.PageSize = 10;
GridView1.PagerSettings.Mode = PagerButtons.Numeric;

This reduces rendering to only 10 rows per page.

2. Use Efficient Data Binding

Bind only when needed:

if (!IsPostBack)
{
    GridView1.DataSource = myDataSet;
    GridView1.DataBind();
}

Avoid rebinding on every postback.

3. Disable Unnecessary Features

• Turn off AutoGenerateColumns if not needed.

• Remove unused controls inside GridView templates.

• Disable ViewState for GridView if you don’t need it:

4. Optimize HTML Output

• Use BoundField instead of TemplateField where possible.

• Avoid inline styles; use CSS classes.

• Keep markup lean.

5. Consider Alternatives

• Use Repeater or ListView instead of GridView for lighter rendering.

• For large datasets, implement server-side paging (fetch only required rows from SQL using TOP or OFFSET/FETCH).

Example: GridView with Paging

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindGrid();
    }
}

private void BindGrid()
{
    GridView1.DataSource = GetData(); // your dataset
    GridView1.DataBind();
}

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    GridView1.PageIndex = e.NewPageIndex;
    BindGrid();
}