内联编辑和保存数据表

Question

我需要在数据表列中进行内联编辑，以下是我的代码。

Contact.DataTable = $('#otable').DataTable( {
"ajax": {
                "url" : '/Contact/' + Contact.id,
                "dataSrc": function(json) {
                      return json.data;
                },
             },
            "responsive": true,
            "columns": [
                { "data": "id"},
                { "data": "Course", "sClass": "course" },
                { "data": "Category", "sClass": "category" },
                { "data": "name" },
                {
                      "render": function ( data, type, method, meta ) {
                       return Contact.saveContact(method);
                    }
                },
            ]
        } );

我需要对字段进行内联编辑

1. 课程 - 显示为内联的下拉框
2. 类别 - 显示为内嵌
的文本字段

会有一个＆＃39;保存＆＃39;按钮每行 - 这将在编辑下拉列表和文本后保存更改。

请帮助我进行内联编辑并在不使用编辑器插件的情况下进行保存。