数据表整行内联编辑

Question

我正在使用DataTable，允许用户添加新的/修改和删除数据。 BUt仅在页面末尾将最终数据保存到数据库。

我可以知道当我点击一个单元格时，如何使整个行中的所有文本框都处于可编辑模式？当我将鼠标移出该行或按下该行最后一列的标签时，如何禁用该行的编辑模式？

在线示例仅允许按列进行编辑 - https://editor.datatables.net/examples/inline-editing/simple。

我尝试将Content \ assets \ pages \ scripts \ table-datatables-editable.js中的.Edit修改为以下内容。我可以看到该行是可编辑的，但它不允许我编辑它是如何启用鼠标和鼠标输出的？

table.on('click', '.edit', function (e) {

成为

table.on('click', 'tbody > tr > td', function (e) {

要在鼠标输出后禁用编辑模式并从最后一列中标出，下面是我尝试的内容：

$(this).childern().first().blur(function() {
     saveRow(oTable,nRow);
});