JQuery DataTable select row with checkbox

Question

Я обрабатываю JQuery DataTable в приложении ReactJS, и таблица рисует отлично. Однако, когда я пытаюсь рисовать флажки, они не рисуются. Я также попытался жестко закодировать два ряда должны быть выбраны и я получаю

TypeError: table.columns(...).select is not a function.

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

Скорее всего, вы забыли включить файлы CSS/JS для выбора расширения. Он должен быть включен в дополнение к файлам jQuery DataTables.

Используйте либо Download builder, либо укажите расширение или download individual files для выбора расширения.

Также обратите внимание на расширение jQuery DataTables Checkboxes, которое упрощает обработку флажков в таблице на базе jQuery DataTables.