Question

这是我用于DataTable的代码：

  var oTable12= $('#example').DataTable({
       "aaData": tableData,
       "aLengthMenu": [[5, 10, 20, -1], [5, 10, 20, "All"]],
       "iDisplayLength": 5,
       "aoColumnDefs" :tableColumn
       });

我在tableColumn数组中添加列标题和默认内容，然后在aoColumnDefs中使用它。

我正在按预期获得完美的UI，但是当我点击按钮时，我收到以下错误：

未捕获的ReferenceError：未定义表格

这是按钮点击的代码：

    $('#example tbody').on( 'click', 'button', function () {
      var data = oTable12.row(0).data();
      alert( data);
    } );

谢谢

Answer 1

将您的table更改为oTable12

  var data = table.row(0).data();

到

  var data = oTable12.row(0).data();

看看这是否适合你:)

Answer 2

因为在您当前的上下文中没有定义表。使用 oTable12 替换表会对您有所帮助。

Answer 3

终于解决了：

这是由于版本问题，现在我下载了最新版本，现在它正常工作

感谢大家的宝贵回复和支持

数据表按钮事件不起作用

3 个答案: