【问题标题】:How to make datatable specific column editable?如何使数据表特定列可编辑?
【发布时间】:2019-06-04 00:03:24
【问题描述】:

关于这个话题有各种各样的问题,但我不明白,所以任何人都可以帮忙 这是我的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();
    });


});

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

【问题讨论】:

  • 在这些单元格上使用 contenteditable="true" 属性。我刚刚在 20 分钟前回复了同一个问题:stackoverflow.com/questions/54105541/…
  • 是的,我试过了,但它使表格列的名称可编辑,但不能编辑列单元格
  • 什么?该属性使您使用它的标签可编辑。它不在乎你在哪里使用它。将属性移动到您希望可编辑的标签上
  • 信息 不行。
  • 我不明白你想说什么。你能告诉我热吗?

标签: javascript jquery ajax datatable


【解决方案1】:

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

这里:https://github.com/sinhashubh/datatable-examples

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-08-04
    • 2019-08-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多