Question

我按照说明http://editor.datatables.net/examples/inline-editing/simple.html编写了以下代码：

  $(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 },
    ]
});

但是当我像选择框一样点击第一列时，无法选择该行。所以我无法编辑或删除该行。你能帮我解决一下吗？

Answer 1

也许我的答案为时已晚，但对未来的用户来说会很有用。

您应该做的第一步是创建一个非常简单的html文件，其中包含您在当前项目中使用的所有css和jss。有：

datatable css
datatable select css（或其他扩展名css）
jquery js
datatable js
datatable select js（或其他扩展名js）

然后你测试它是否有效。我很确定它不起作用，原因是你使用的那些东西的版本。

所以你应该找到你应该改变的文件。他们在一起打得不好。对我来说，我转向最后的jquery数据表js并且它可以工作。

无法在jquery数据表中选择行

1 个答案: