Question

当前，我正在使用data table js进行内联编辑，它的工作原理很完美，但是我只想编辑指定的列行，而不是所有列。例如，我有4列ID，名称，电子邮件，联系人，我只想编辑电子邮件，而不能编辑其他所有电子邮件。

我使用了以下脚本，但没有用。

table = $('#example').DataTable({
    ajax: test,
     rowReorder: {
     dataSrc: 'order',
     selector: 'tr'
     },
    select: {
        style:    'os',
        selector: 'td:first-child'
    },
    columns: [{
      data: 'delete'
    }, {
      data: 'delete'
    }, {
      data: 'order'
    }
    , {
      data: 'agent_name', className: 'editable' 
    }

    , {
      data: 'add_mission'
    }

    , {
      data: ''
    }


    , {
      data: 'phone_number'
    }

    , {
      data: ''
    }

    , {
      data: false
    }
    ]
  });

在此我只允许对agent_name列进行编辑，并非全部

Answer 1

您可以指定哪些列是可编辑的。通过提供td孩子。这是仅向第7个孩子提供编辑的示例代码。

$('#table').on( 'click', 'tbody td:nth-child(7)', function (e) {
       editor.inline( this );
} );

jQuery Datatable内联编辑仅指定列

1 个答案: