blocks|key|899297|text|如果你使用Jquery，这个插件很简单，但是效果很好|type|unstyled|depth|inlineStyleRanges|entityRanges|data|899298|https://github.com/samuelsantosdev/TableEdit|offset|length|899299|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|18|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

<p>If you use Jquery, this plugin help you
is simple, but is good</p>

<p><a href="https://github.com/samuelsantosdev/TableEdit" rel="nofollow">https://github.com/samuelsantosdev/TableEdit</a></p>


blocks|key|682815|text|这实际上非常简单，这是我的HTML，jQuery示例。它的工作方式非常棒，我使用在线json数据样本构建了所有代码。干杯|type|unstyled|depth|inlineStyleRanges|entityRanges|data|682816|<<+HTML+>>|682817|<table+id="myTable"></table>|code-block|syntax|javascript|682818|<<+jQuery+>>|682819|<script>
++++++++var+url+=+'http://jsonplaceholder.typicode.com/posts';
++++++++var+currentEditedIndex+=+-1;
++++++++$(document).ready(function+()+{
++++++++++++$.getJSON(url,
++++++++++++function+(json)+{
++++++++++++++++var+tr;
++++++++++++++++tr+=+$('<tr/>');
++++++++++++++++tr.append("<td>ID</td>");
++++++++++++++++tr.append("<td>userId</td>");
++++++++++++++++tr.append("<td>title</td>");
++++++++++++++++tr.append("<td>body</td>");
++++++++++++++++tr.append("<td>edit</td>");
++++++++++++++++$('#myTable').append(tr);

++++++++++++++++for+(var+i+=+0;+i+<+json.length;+i%2B%2B)+{
++++++++++++++++++++tr+=+$('<tr/>');
++++++++++++++++++++tr.append("<td>"+%2B+json[i].id+%2B+"</td>");
++++++++++++++++++++tr.append("<td>"+%2B+json[i].userId+%2B+"</td>");
++++++++++++++++++++tr.append("<td>"+%2B+json[i].title+%2B+"</td>");
++++++++++++++++++++tr.append("<td>"+%2B+json[i].body+%2B+"</td>");
++++++++++++++++++++tr.append("<td><input+type='button'+value='edit'+id='edit'+onclick='myfunc("+%2B+i+%2B+")'+/></td>");
++++++++++++++++++++$('#myTable').append(tr);
++++++++++++++++}
++++++++++++});


++++++++});


++++++++function+myfunc(rowindex)+{

++++++++++++rowindex%2B%2B;
++++++++++++console.log(currentEditedIndex)
++++++++++++if+(currentEditedIndex+!=+-1)+{++//not+first+time+to+click
++++++++++++++++cancelClick(rowindex)
++++++++++++}
++++++++++++else+{
++++++++++++++++cancelClick(currentEditedIndex)
++++++++++++}

++++++++++++currentEditedIndex+=+rowindex;+//update+the+global+variable+to+current+edit+location

++++++++++++//get+cells+values
++++++++++++var+cell1+=+($("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(0)").text());
++++++++++++var+cell2+=+($("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(1)").text());
++++++++++++var+cell3+=+($("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(2)").text());
++++++++++++var+cell4+=+($("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(3)").text());

++++++++++++//remove+text+from+previous+click


++++++++++++//add+a+cancel+button
++++++++++++$("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(4)").append("+<input+type='button'+onclick='cancelClick("%2Browindex%2B")'+id='cancelBtn'+value='Cancel'++/>");
++++++++++++$("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(4)").css("width",+"200");

++++++++++++//make+it+a+text+box
++++++++++++$("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(0)").html("+<input+type='text'+id='mycustomid'+value='"+%2B+cell1+%2B+"'+style='width:30px'+/>");
++++++++++++$("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(1)").html("+<input+type='text'+id='mycustomuserId'+value='"+%2B+cell2+%2B+"'+style='width:30px'+/>");
++++++++++++$("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(2)").html("+<input+type='text'+id='mycustomtitle'+value='"+%2B+cell3+%2B+"'+style='width:130px'+/>");
++++++++++++$("#myTable+tr:eq("+%2B+(rowindex)+%2B+")+td:eq(3)").html("+<input+type='text'+id='mycustomedit'+value='"+%2B+cell4+%2B+"'+style='width:400px'+/>");

++++++++}

++++++++//on+cancel,+remove+the+controls+and+remove+the+cancel+btn
++++++++function+cancelClick(indx)
++++++++{

++++++++++++//console.log('edit+is+at+row>>+rowindex:'+%2B+currentEditedIndex);
++++++++++++indx+=+currentEditedIndex;

++++++++++++var+cell1+=+($("#myTable+#mycustomid").val());
++++++++++++var+cell2+=+($("#myTable+#mycustomuserId").val());
++++++++++++var+cell3+=+($("#myTable+#mycustomtitle").val());
++++++++++++var+cell4+=+($("#myTable+#mycustomedit").val());+

++++++++++++$("#myTable+tr:eq("+%2B+(indx)+%2B+")+td:eq(0)").html(cell1);
++++++++++++$("#myTable+tr:eq("+%2B+(indx)+%2B+")+td:eq(1)").html(cell2);
++++++++++++$("#myTable+tr:eq("+%2B+(indx)+%2B+")+td:eq(2)").html(cell3);
++++++++++++$("#myTable+tr:eq("+%2B+(indx)+%2B+")+td:eq(3)").html(cell4);
++++++++++++$("#myTable+tr:eq("+%2B+(indx)+%2B+")+td:eq(4)").find('#cancelBtn').remove();
++++++++}



++++</script>|682820|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>this is actually so straight forward,
this is my HTML, jQuery sample.. and it works like a charm, I build all the code using an online json data sample.
cheers</p>

<p>&lt;&lt; HTML >></p>

<pre><code>&lt;table id="myTable"&gt;&lt;/table&gt;
</code></pre>

<p>&lt;&lt; jQuery >></p>

<pre><code>&lt;script&gt;
        var url = 'http://jsonplaceholder.typicode.com/posts';
        var currentEditedIndex = -1;
        $(document).ready(function () {
            $.getJSON(url,
            function (json) {
                var tr;
                tr = $('&lt;tr/&gt;');
                tr.append("&lt;td&gt;ID&lt;/td&gt;");
                tr.append("&lt;td&gt;userId&lt;/td&gt;");
                tr.append("&lt;td&gt;title&lt;/td&gt;");
                tr.append("&lt;td&gt;body&lt;/td&gt;");
                tr.append("&lt;td&gt;edit&lt;/td&gt;");
                $('#myTable').append(tr);

                for (var i = 0; i &lt; json.length; i++) {
                    tr = $('&lt;tr/&gt;');
                    tr.append("&lt;td&gt;" + json[i].id + "&lt;/td&gt;");
                    tr.append("&lt;td&gt;" + json[i].userId + "&lt;/td&gt;");
                    tr.append("&lt;td&gt;" + json[i].title + "&lt;/td&gt;");
                    tr.append("&lt;td&gt;" + json[i].body + "&lt;/td&gt;");
                    tr.append("&lt;td&gt;&lt;input type='button' value='edit' id='edit' onclick='myfunc(" + i + ")' /&gt;&lt;/td&gt;");
                    $('#myTable').append(tr);
                }
            });


        });


        function myfunc(rowindex) {

            rowindex++;
            console.log(currentEditedIndex)
            if (currentEditedIndex != -1) {  //not first time to click
                cancelClick(rowindex)
            }
            else {
                cancelClick(currentEditedIndex)
            }

            currentEditedIndex = rowindex; //update the global variable to current edit location

            //get cells values
            var cell1 = ($("#myTable tr:eq(" + (rowindex) + ") td:eq(0)").text());
            var cell2 = ($("#myTable tr:eq(" + (rowindex) + ") td:eq(1)").text());
            var cell3 = ($("#myTable tr:eq(" + (rowindex) + ") td:eq(2)").text());
            var cell4 = ($("#myTable tr:eq(" + (rowindex) + ") td:eq(3)").text());

            //remove text from previous click


            //add a cancel button
            $("#myTable tr:eq(" + (rowindex) + ") td:eq(4)").append(" &lt;input type='button' onclick='cancelClick("+rowindex+")' id='cancelBtn' value='Cancel'  /&gt;");
            $("#myTable tr:eq(" + (rowindex) + ") td:eq(4)").css("width", "200");

            //make it a text box
            $("#myTable tr:eq(" + (rowindex) + ") td:eq(0)").html(" &lt;input type='text' id='mycustomid' value='" + cell1 + "' style='width:30px' /&gt;");
            $("#myTable tr:eq(" + (rowindex) + ") td:eq(1)").html(" &lt;input type='text' id='mycustomuserId' value='" + cell2 + "' style='width:30px' /&gt;");
            $("#myTable tr:eq(" + (rowindex) + ") td:eq(2)").html(" &lt;input type='text' id='mycustomtitle' value='" + cell3 + "' style='width:130px' /&gt;");
            $("#myTable tr:eq(" + (rowindex) + ") td:eq(3)").html(" &lt;input type='text' id='mycustomedit' value='" + cell4 + "' style='width:400px' /&gt;");

        }

        //on cancel, remove the controls and remove the cancel btn
        function cancelClick(indx)
        {

            //console.log('edit is at row&gt;&gt; rowindex:' + currentEditedIndex);
            indx = currentEditedIndex;

            var cell1 = ($("#myTable #mycustomid").val());
            var cell2 = ($("#myTable #mycustomuserId").val());
            var cell3 = ($("#myTable #mycustomtitle").val());
            var cell4 = ($("#myTable #mycustomedit").val()); 

            $("#myTable tr:eq(" + (indx) + ") td:eq(0)").html(cell1);
            $("#myTable tr:eq(" + (indx) + ") td:eq(1)").html(cell2);
            $("#myTable tr:eq(" + (indx) + ") td:eq(2)").html(cell3);
            $("#myTable tr:eq(" + (indx) + ") td:eq(3)").html(cell4);
            $("#myTable tr:eq(" + (indx) + ") td:eq(4)").find('#cancelBtn').remove();
        }



    &lt;/script&gt;
</code></pre>


blocks|key|682866|text|这是一个可运行的示例。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|682867|​|682868|$(function(){
++$("td").click(function(event){
++++if($(this).children("input").length+>+0)
++++++++++return+false;

++++var+tdObj+=+$(this);
++++var+preText+=+tdObj.html();
++++var+inputObj+=+$("<input+type='text'+/>");
++++tdObj.html("");

++++inputObj.width(tdObj.width())
++++++++++++.height(tdObj.height())
++++++++++++.css({border:"0px",fontSize:"17px"})
++++++++++++.val(preText)
++++++++++++.appendTo(tdObj)
++++++++++++.trigger("focus")
++++++++++++.trigger("select");

++++inputObj.keyup(function(event){
++++++if(13+==+event.which)+{+//+press+ENTER-key
++++++++var+text+=+$(this).val();
++++++++tdObj.html(text);
++++++}
++++++else+if(27+==+event.which)+{++//+press+ESC-key
++++++++tdObj.html(preText);
++++++}
++++});

++++inputObj.click(function(){
++++++return+false;
++++});
++});
});|code-block|syntax|javascript|682869|<html>
++++<head>
++++++++
++++++++<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
++++</head>
++++<body>
++++++++<table+align="center">
++++++++++++<tr>+<td>id</td>+<td>name</td>+</tr>
++++++++++++<tr>+<td>001</td>+<td>dog</td>+</tr>
++++++++++++<tr>+<td>002</td>+<td>cat</td>+</tr>
++++++++++++<tr>+<td>003</td>+<td>pig</td>+</tr>
++++++++</table>
++++</body>
</html>|682870|682871|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>This is a runnable example.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(){
  $("td").click(function(event){
    if($(this).children("input").length &gt; 0)
          return false;

    var tdObj = $(this);
    var preText = tdObj.html();
    var inputObj = $("&lt;input type='text' /&gt;");
    tdObj.html("");

    inputObj.width(tdObj.width())
            .height(tdObj.height())
            .css({border:"0px",fontSize:"17px"})
            .val(preText)
            .appendTo(tdObj)
            .trigger("focus")
            .trigger("select");

    inputObj.keyup(function(event){
      if(13 == event.which) { // press ENTER-key
        var text = $(this).val();
        tdObj.html(text);
      }
      else if(27 == event.which) {  // press ESC-key
        tdObj.html(preText);
      }
    });

    inputObj.click(function(){
      return false;
    });
  });
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;head&gt;
        &lt;!-- jQuery source --&gt;
        &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;table align="center"&gt;
            &lt;tr&gt; &lt;td&gt;id&lt;/td&gt; &lt;td&gt;name&lt;/td&gt; &lt;/tr&gt;
            &lt;tr&gt; &lt;td&gt;001&lt;/td&gt; &lt;td&gt;dog&lt;/td&gt; &lt;/tr&gt;
            &lt;tr&gt; &lt;td&gt;002&lt;/td&gt; &lt;td&gt;cat&lt;/td&gt; &lt;/tr&gt;
            &lt;tr&gt; &lt;td&gt;003&lt;/td&gt; &lt;td&gt;pig&lt;/td&gt; &lt;/tr&gt;
        &lt;/table&gt;
    &lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|682908|text|您可以使用来自bootstrap的x-editable+https://vitalets.github.io/x-editable/，它的库非常棒|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|682909|entityMap|0|LINK|mutability|MUTABLE|url|https://vitalets.github.io/x-editable/^0|S|12|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>You can use x-editable <a href="https://vitalets.github.io/x-editable/" rel="noreferrer">https://vitalets.github.io/x-editable/</a>
its awesome library from bootstrap </p>


blocks|key|682973|text|这是最重要的一点，尽管你不需要把代码弄得这么乱。相反，您可以遍历所有的<td>，添加带有属性的<input>，最后输入值。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|682974|​|682975|function+edit(el)+{
++el.childNodes[0].removeAttribute("disabled");
++el.childNodes[0].focus();
++window.getSelection().removeAllRanges();
}
function+disable(el)+{
++el.setAttribute("disabled","");
}|code-block|syntax|javascript|682976|<table+border>
<tr>
<td+ondblclick="edit(this)"><input+value="cell1"+disabled+onblur="disable(this)"></td>
<td+ondblclick="edit(this)"><input+value="cell2"+disabled+onblur="disable(this)"></td>
<td+ondblclick="edit(this)"><input+value="cell3"+disabled+onblur="disable(this)"></td>
<td+ondblclick="edit(this)"><input+value="so+forth..."+disabled+onblur="disable(this)">
</td>
</tr>
</table>|682977|682978|entityMap^0|Z|4|1B|7|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|Q|$]]

<p>This is the essential point although you don't need to make the code this messy. Instead you could just iterate through all the <code>&lt;td&gt;</code> and add the <code>&lt;input&gt;</code> with the attributes and finally put in the values.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function edit(el) {
  el.childNodes[0].removeAttribute("disabled");
  el.childNodes[0].focus();
  window.getSelection().removeAllRanges();
}
function disable(el) {
  el.setAttribute("disabled","");
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table border&gt;
&lt;tr&gt;
&lt;td ondblclick="edit(this)"&gt;&lt;input value="cell1" disabled onblur="disable(this)"&gt;&lt;/td&gt;
&lt;td ondblclick="edit(this)"&gt;&lt;input value="cell2" disabled onblur="disable(this)"&gt;&lt;/td&gt;
&lt;td ondblclick="edit(this)"&gt;&lt;input value="cell3" disabled onblur="disable(this)"&gt;&lt;/td&gt;
&lt;td ondblclick="edit(this)"&gt;&lt;input value="so forth..." disabled onblur="disable(this)"&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>


blocks|key|683034|text|我将此字段用于可编辑字段|type|unstyled|depth|inlineStyleRanges|entityRanges|data|683035|​|683036|<table+class="table+table-bordered+table-responsive-md+table-striped+text-center">
++<thead>
++++<tr>
++++++<th+class="text-center">Citation</th>
++++++<th+class="text-center">Security</th>
++++++<th+class="text-center">Implementation</th>
++++++<th+class="text-center">Description</th>
++++++<th+class="text-center">Solution</th>
++++++<th+class="text-center">Remove</th>
++++</tr>
++</thead>
++<tbody>
++++<tr>
++++++<td+class="pt-3-half"+contenteditable="false">Aurelia+Vega</td>
++++++<td+class="pt-3-half"+contenteditable="false">30</td>
++++++<td+class="pt-3-half"+contenteditable="false">Deepends</td>
++++++<td+class="pt-3-half"+contenteditable="true"><input+type="text"+name="add1"+value="spain"+class="border-none"></td>
++++++<td+class="pt-3-half"+contenteditable="true"><input+type="text"+name="add1"+value="marid"+class="border-none"></td>
++++++<td>
++++++++<span+class="table-remove"><button+type="button"
++++++++++++++++++++++++++++++class="btn+btn-danger+btn-rounded+btn-sm+my-0">Remove</button></span>
++++++</td>
++++</tr>
++</tbody>
</table>|code-block|syntax|javascript|683037|683038|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>I am using this for editable field</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="table table-bordered table-responsive-md table-striped text-center"&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th class="text-center"&gt;Citation&lt;/th&gt;
      &lt;th class="text-center"&gt;Security&lt;/th&gt;
      &lt;th class="text-center"&gt;Implementation&lt;/th&gt;
      &lt;th class="text-center"&gt;Description&lt;/th&gt;
      &lt;th class="text-center"&gt;Solution&lt;/th&gt;
      &lt;th class="text-center"&gt;Remove&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td class="pt-3-half" contenteditable="false"&gt;Aurelia Vega&lt;/td&gt;
      &lt;td class="pt-3-half" contenteditable="false"&gt;30&lt;/td&gt;
      &lt;td class="pt-3-half" contenteditable="false"&gt;Deepends&lt;/td&gt;
      &lt;td class="pt-3-half" contenteditable="true"&gt;&lt;input type="text" name="add1" value="spain" class="border-none"&gt;&lt;/td&gt;
      &lt;td class="pt-3-half" contenteditable="true"&gt;&lt;input type="text" name="add1" value="marid" class="border-none"&gt;&lt;/td&gt;
      &lt;td&gt;
        &lt;span class="table-remove"&gt;&lt;button type="button"
                              class="btn btn-danger btn-rounded btn-sm my-0"&gt;Remove&lt;/button&gt;&lt;/span&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>


blocks|key|683071|text|单击时将<input>添加到<td>。模糊时，将<input>更改为<span>。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|683072|entityMap^0|4|7|E|4|O|7|Y|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

<p>Add <code>&lt;input&gt;</code> to <code>&lt;td&gt;</code> when it is clicked.
Change <code>&lt;input&gt;</code> to <code>&lt;span&gt;</code> when it is blurred.</p>


<p>I'd like to make some cells of html table editable, simply double click a cell, input some text and the changes can be sent to server. I don't want to use some toolkits like dojo data grid. Because it provides some other features. Would you provide me some code snippet or advices on how to implement it?</p>


How to make HTML table cell editable?

服务器

jQuery

我想让html表格的一些单元格可编辑，只需双击一个单元格，输入一些文本，更改就可以发送到服务器。我不想使用像dojo data grid这样的工具包。因为它提供了一些其他功能。你能为我提供一些代码片段或如何实现它的建议吗？

问如何使HTML表格单元格可编辑？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使HTML表格单元格可编辑？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使HTML表格单元格可编辑？
EN