Javascript Can';t在jquery数据表中选择一行
我按照说明编写了以下代码:Javascript Can';t在jquery数据表中选择一行,javascript,jquery,datatables,Javascript,Jquery,Datatables,我按照说明编写了以下代码: $(document).ready(function() { var editor_basic = new $.fn.dataTable.Editor({ ajax: "/webmaster/wordbag/treeForm", table: "#wordbag_basic_table", fields: [{ label: "wordbag", name: "word
$(document).ready(function() {
var editor_basic = new $.fn.dataTable.Editor({
ajax: "/webmaster/wordbag/treeForm",
table: "#wordbag_basic_table",
fields: [{
label: "wordbag",
name: "wordbag"
}
]
});
$('#wordbag_basic_table').on( 'click', 'tbody td:not(:first-child)', function (e) {
editor_basic.inline( this );
});
var basic = [
{'DT_RowId': 1 ,
'wordbag': 'hello',
'parentID': 4,
},
];
var datatable_basic = $('#wordbag_basic_table').DataTable({
dom: "Bfrtip",
data: basic,
language: {
paginate: {
previous: '‹',
next: '›'
},
aria: {
paginate: {
previous: 'Previous',
next: 'Next'
}
}
},
columns: [
{
data: null,
defaultContent: '',
className: 'select-checkbox',
orderable: false,
},
{ data: "wordbag" },
],
select: {
style: 'os',
selector: 'td:first-child',
},
buttons: [
{ extend: "create", editor: editor_basic },
{ extend: "edit", editor: editor_basic },
{ extend: "remove", editor: editor_basic },
]
});
但当我像选择框一样单击第一列时,无法选择该行,因此无法编辑或删除该行。你能帮我弄清楚吗?也许我的答案太晚了,但它对未来的用户很有用 您应该做的第一步是创建一个非常简单的html文件,其中包含当前项目中使用的所有css和JS。有:
- 数据表css
- datatable选择css(或其他扩展css)
- jQueryJS
- 数据表js
- datatable选择js(或其他扩展js)
因此,您应该找到应该更改的文件。他们在一起打得不好。对我来说,我切换到最后一个jquery datatable js,它就工作了。您的页面上是否也包括了dataTables.select.min.js和dataTables.editor.min.js?