jQuery DataTables内联编辑空字段

Question

到目前为止，这是我在自己的应用中使用DataTables的设置：

但是输入字段不是用户界面友好的，也不是令人满意的。所以我偶然发现DataTable的这个功能Inline Editing，现在而不是那些看起来不愉快的输入字段，我希望字段类似于内联编辑功能数据表，除了没有“要编辑”的值，只是带有占位符文本的空字段。

这甚至可能吗？我试图追踪这个例子，它似乎使用了一些DataTable.Editor，但我似乎无法掌握如何实现空字段而不是“可编辑默认内容“的字段（与文档中的示例一样）。

有任何帮助吗？此外，如果赞赏，我希望每当 No时自动计算总负载。单位和额定功率已填满。它只是（单位数*功率等级）。

以下是我的初始代码设置：

• table.js包含DataTables，
的初始化
• 虽然globs.js包含ajax查询，但在表中创建了相应的行。

我只是粘贴了与我的问题相关的代码，并忽略了其他代码（按钮的jQuery操作等）

table.js（已初始化的jQuery代码）

$(function() { 
   var table = $('#costcenter_table').DataTable({
        "columnDefs": [
            {
                "targets": 4,
                "visible": false,
                "searchable": false,
                "sortable": false,
                "width": "75px"
            }
        ]
    });
});

globs.js（包含Ajax查询的函数）

function show_cost_tables(costcenter){
    $.ajax({
        url: '/costcenter/' + costcenter,
        type: 'GET',
        dataType: 'json',
        async: true,
        success: function(res){
              if(res.status === "success"){
                $('#costcenter_table').DataTable().clear();
                for(var i = 0; i < res.count; i++){
                    var entry = res.data[i];
                    var buttons = '<div style="text-align: center;"><button class="btn btn-xs btn-primary add-unit"><span class="fa fa-plus"></span></button>&nbsp;&nbsp;' +
                                  '<button class="btn btn-xs btn-warning remove-unit"><span class="fa fa-minus"></span></button>&nbsp;&nbsp;' +
                                  '<button class="btn btn-xs btn-danger delete-load"><span class="fa fa-close"></span></button></div>';

                    $('#costcenter_table').DataTable().row.add([entry.name, entry.unit_count, entry.power_rating, entry.total_load, buttons]).draw();
                }

              } else {
                console.log(res.status + " login details.");
                $('#warning-login').modal('toggle');
            }
        }
    });
}

table.html（此处页脚的输入字段应该消失，并被Inline Edit的{​​{1}}字段替换

DataTables

PS。请尝试忽略最后两个输入字段（品牌和位置），它们应分别是下拉列表和浏览按钮。