在列之间的datatables.js内联编辑器选项卡上禁用列编辑

Question

我正在尝试在列https://editor.datatables.net/examples/inline-editing/tabControl.html之间使用datatables.js内联编辑器选项卡，他们的示例工作正常，我似乎无法弄清楚我是如何禁用我不想要的列内联编辑？

网站上的示例

table.on( 'key-focus', function ( e, datatable, cell ) {
    editor.inline( cell.index() );
});

我试图改为

table.on( 'key-focus', 'td.editable', function ( e, datatable, cell ) {
    editor.inline( cell.index() );
});

因此它只针对具有类可编辑的TD ...但它不起作用..

无论如何，如果有人使用过这个，我会很感激提示:) 谢谢！

Answer 1

我最终找到了答案......它可以通过两种方式完成

1）似乎datatables编辑器会在当时正在编辑的TD元素上添加一个.focus类，所以我们可以做类似的事情

if($('.data.table .focus').hasClass('noedit')) { ...

其中“noedit”是您想要添加到TD的类，表示该单元格不可编辑

2）我发现的另一种方式是使用文档中的示例，但它似乎比应该更复杂..

if($(datatable.cell(cell.index()).nodes()).hasClass('noedit')) { ...

希望它会帮助某人......