如何使数据表特定列可编辑?

时间:2019-01-09 08:55:48

标签: javascript jquery ajax datatable

有关此主题的问题很多,但我不理解,因此任何人都可以帮助您 这是我的js代码

 $(document).ready(function () {
    $('#myModal').toggle();
    var List = [];

    $.ajax({
        url: '/urls/' + id,
        type: 'POST',
        dataType: "json",
        data: 'data',
        success: function (data) {
            console.log("data length: ", data.length);
            console.log("data : ", data);

            for (var i = 0; i < data.length; i++) {

                var Logs = {};
                Logs.Info = data[i].Info;
                for (var j = 0; j < Logs.Info.length; j++) {
                    var emplist = {};
                    emplist.Name = Logs.Info[j].Name;
                    emplist.dates = Logs.Info[j].dates;

                    for (var k = 0; k < emplist.dates.length; k++) {
                        var datelist = {};
                        datelist.Name = emplist.Name;
                        datelist.startDate = emplist.dates[k].startDate;
                        datelist.endDate = emplist.dates[k].endDate;
                        List.push(datelist);
                    }
                }

            }


            emptablee = $('#Table').DataTable({
                "data": List,
                "columns": [
                    {"data": "Name"},
                    {"data": "startDate"},
                    {"data": "endDate"},
                ],
                destroy: true,
                "scrollY": "200px",
                "scrollCollapse": true,
                "paging": false
            });
            /*emptablee.destroy();*/
        }

    });
    $("#close").on('click', function () {
        $("#myModal").hide();
    });


});

表中有三列,我想使特定的列像单元格一样可编辑,并显示一个输入框,并编辑要发送的值。

1 个答案:

答案 0 :(得分:2)

对于现在对此进行检查的任何人,我创建了一个自定义示例,您可以通过从服务器端以元数据请求的形式发送任何列来使该列可编辑。

此处:https://github.com/sinhashubh/datatable-examples