(How to use update panel in gridview ? ) update only respective rows control in gridview on button click instead of whole gridview or whole page

See more:

ASP.NET

C#3.5

I am using a gridview for showing a control in rows of gridview.

but when i click on button in any one column of gridview then whole page is render. I do not want to render whole page. instead i only want to render respective rows.

What I have tried:

my code:

I want to update controls only which are respective columns as user click button in it.

<asp:GridView ID="GridViewUserScraps2" ItemStyle-VerticalAlign="Top" AutoGenerateColumns="False"
GridLines="None" Width="80px" ShowHeader="False" runat="server" AlternatingRowStyle-BackColor="#A5A5A5"
CellPadding="4" ForeColor="#333333" OnSelectedIndexChanged="GridViewUserScraps1_SelectedIndexChanged" >
<columns> <asp:TemplateField>
<itemtemplate>
--%>


<img align="middle" src='<%#getSRC1(Container.DataItem)%>' class="img-responsive center-block" style='<%# CheckVisibility(DataBinder.Eval(Container.DataItem,"imageurl")) %>; width: 206px; height: 149px;' border="0" ID="kk" />
<asp:button id="b1" runat="server"/>

<br />

<itemtemplate/>

</columns>


<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<editrowstyle backcolor="#2461BF" >
<alternatingrowstyle backcolor="White" ><columns/>
</asp:GridView>