how to click on cell in a grid view using java script ?

how to click on cell in a grid view using java script ?

i alreday display the data ...now i want if i click on any cell so it is should be editable and update it

idesign page ///

code////

     protected void Page_Load(object sender, EventArgs e)
        {
            if (!this.IsPostBack)
            {

                BoundField bfield = new BoundField();
                bfield.HeaderText = "Name";
                bfield.DataField = "Name";

                GridView1.Columns.Add(bfield);

                TemplateField tfield = new TemplateField();
                tfield.HeaderText = "City";
                GridView1.Columns.Add(tfield);

                tfield = new TemplateField();
                tfield.HeaderText = "View";

                GridView1.Columns.Add(tfield);
            }

            this.BindGrid();
        }
        private void BindGrid()
        {

            DataTable dt = new DataTable();

            dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),new
                DataColumn("Name", typeof(string)),new DataColumn("City",typeof(string))});

            dt.Rows.Add(1, "Anusha", "Bangalore");
            dt.Rows.Add(2, "Sunny", "Chennai");
            dt.Rows.Add(3, "Monika", "Bangalore");
            dt.Rows.Add(4, "Jyoti", "Chennai");
            dt.Rows.Add(5, "Radhika", "Jabalpur");
            dt.Rows.Add(6, "Imran", "Jammu");
           
            dt.Rows.Add(10, "Rutela Singh", "Mumbai");

            GridView1.DataSource = dt;
            GridView1.DataBind();
        }