Флажки DataTables не могут быть нажаты

Question

У меня есть столбец DataTables, который заполнен флажками, но по какой-то причине я не могу нажать ни на один из них.

Насколько я могу судить, мой синтаксис DataTables в порядке, поэтому я не уверен, какая часть моего кода работает.

Вот JS Bin с моим кодом. Примечание: Исходный файл JSON является локальным, но для целей Fiddle я добавил сокращенную версию. Кроме того, I couldn't get the table data to display в корзине, не знаю почему, поэтому вот скриншот, показывающий таблицу правильно .

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
    });