Question

我在ReactJS应用程序中渲染JQuery DataTable，表格很好。但是，当我尝试绘制复选框时，它们不会被绘制。我还尝试硬编码两行来选择，我得到了一个

TypeError：table.columns（...）。select不是函数。

import 'datatables.net';
import dt from 'datatables.net-bs';
import 'datatables.net-select';

const table = container.find('.dataTable').DataTable({
  columnDefs: [{
    orderable: false,
    className: 'select-checkbox',
    targets: 0,
  }],
  select: {
    style: 'os',
    selector: 'td:first-child',
  },
  order: [[1, 'asc']],
});

table.columns([1, 2]).select();

一旦我选中带有复选框的行选项，我的下一个目标就是按复选框选择列（即标题上方的复选框行，选中下方的列会突出显示）。

知道为什么复选框行渲染可能无效吗？

Answer 1

很可能您忘记为Select扩展包含CSS / JS文件。除了jQuery DataTables文件之外，还需要包含它。

使用Download builder并包含选择扩展程序或download individual files用于选择扩展程序。

另请参阅jQuery DataTables Checkboxes扩展，以简化由jQuery DataTables提供支持的表中复选框的处理。

JQuery DataTable选中带复选框的行

1 个答案: