jQuery DataTables是非常常用的表格插件，它提供了豐富的功能，能夠大大簡化表格的使用。其中包含了一個非常實用的功能就是編輯功能，支持用戶對表格內的數據進行編輯，下面我們來介紹如何使用jquery datatable編輯。

首先，我們需要引入相關的js和css文件，具體如下：

<link rel="stylesheet" type="text/css" >
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>

之后，我們需要初始化datatable，同時設置參數使表格支持編輯功能，具體代碼如下:

$(document).ready(function() {
$('#example').DataTable({
"columnDefs": [{
"targets": -1,
"data": null,
"defaultContent": "編輯"
}],
"order": [[0, "asc"]],
"paging": false,
"searching": false,
"info": false,
"oLanguage": {
"sZeroRecords": "暫無數據",
"sEmptyTable": "暫無數據",
"sLoadingRecords": "正在加載...",
"sProcessing": "正在處理...",
}
});
});

上面的代碼中，我們使用“columnDefs”參數來指定對哪一列啟用編輯功能，這里我們對最后一列啟用編輯功能，并且設置為默認顯示一個“編輯”按鈕。“order”參數指定表格排序的方式，“paging”、“searching”和“info”參數則分別指定是否顯示分頁、搜索和信息欄。

最后，我們需要為編輯按鈕添加點擊事件，當點擊按鈕時，我們將獲取對應行的數據，進行修改，并更新到表格中。代碼如下：

$('#example tbody').on('click', 'button', function () {
var data = table.row($(this).parents('tr')).data();
//獲取數據并進行修改
...
//更新表格數據
table.row($(this).parents('tr')).data(data).draw(false);
});

在以上代碼中，我們使用“table.row”的方法獲取選中行的數據，并進行修改；之后，我們再使用“table.row(data).draw(false)”方法將修改后的數據更新到表格中，注意要指定“false”防止表格的數據重新加載。

通過以上步驟，我們就成功添加了編輯功能到datatables中，這樣用戶就可以方便地對表格內的數據進行修改和編輯了。