不能单击“数据表”复选框

Question

我有一个用复选框填充的DataTables列，但由于某些原因，我无法单击其中的任何一个。

据我所知DataTables syntax很好，所以我不确定我的代码的哪一部分起作用了。

这是我的代码的JS Bin。 注意：，原始JSON文件是本地文件，但出于Fiddle的目的，我添加了一个压缩版本。另外，I couldn't get the table data to display在垃圾箱中，不确定原因，所以here's a screencap showing the table properly。

JS代码段：

$('#table-id').DataTable( {
      columns: [
        { data: "Titles" },
        { data: "Categories" },
        { data: "Blank" } // ----------------- Populates rows with checkboxes
      ],
      columnDefs: [
        {
          className: "select-checkbox",
          orderable: false,
          targets: 2
        }
      ],
      data: tableRes, 
      pageLength: 100,
      paging: true,
      pagingType: "full_numbers",
      responsive: true,
        scrollCollapse: true,
        scrollX: true,
        scrollY: 600,
      select: {
        selector: "th:first-child",
        style: "os"
      },
      stateSave: true
    });