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?