This way
HTML
<asp:Label ID="Label1" runat="server" />
<asp:GridView ID="GridView1" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White"
runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="Id" HeaderText="Id" ItemStyle-Width="30" />
<asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
<asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
</Columns>
</asp:GridView>
<button id="Button1">
Get 1<sup>st</sup> Row 1<sup>st</sup> Cell</button>
<button id="Button2">
Get 1<sup>st</sup> Row 2<sup>nd</sup> Cell</button>
<button id="Button3">
Get 1<sup>st</sup> Row 3<sup>rd</sup> Cell</button>
jQuery:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('[id*=Button1]').click(function () {
var value = $("#GridView1").find("tr:eq(1)").find("td:eq(0)").text();
$('[id*=Label1]').text(value);
return false;
});
$('[id*=Button2]').click(function () {
var value = $("#GridView1").find("tr:eq(1)").find("td:eq(1)").text();
$('[id*=Label1]').text(value);
return false;
});
$('[id*=Button3]').click(function () {
var value = $("#GridView1").find("tr:eq(1)").find("td:eq(2)").text();
$('[id*=Label1]').text(value);
return false;
});
});
</script>
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
new DataColumn("Name", typeof(string)),
new DataColumn("Country",typeof(string))
});
dt.Rows.Add(1, "John Hammond", "United States");
dt.Rows.Add(2, "Mudassar Khan", "India");
dt.Rows.Add(3, "Suzanne Mathews", "France");
dt.Rows.Add(4, "Robert Schidner", "Russia");
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
Screenshot