Use jQuery to implement the Editable table _ jquery-js tutorial

You can click a cell in the table at the front end to modify the content. Press enter to save the modified content. esc revokes the saved content. Today, we learned the example of using jQuery to edit a table. In this example, you can click a cell in the foreground table to modify the content. Press enter to save the modified content and esc to cancel the saved content. Principle: When you click a table cell on the client, add a text box to the cell, assign the original content to the text box, and then modify the text box content, after modification, the text box content is assigned to the cell.

Source code:

Front-end code:

The Code is as follows:

<% @ Page Language = "C #" AutoEventWireup = "true" CodeBehind = "WebForm1.aspx. cs" Inherits = "WebApplication1.WebForm1" %>



Jq2-editable tables