Как добавить флажок при привязке данных к таблице данных?

Question

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

я поделюсь своим кодом здесь

Я использую здесь Jquery Datatble, а я использую C # и бритву,

function BindColumSelectTable(DataExchangeList) {
    debugger
    $('#columnSelectTable').DataTable({      
        "data": DataExchangeList,
        "destroy": true,
        "columns": [
            { data: null },
            { data:"FieldCaption" },
        ],
        "columnDefs": [
            { className: "checkbox i-checks", "targets": [0] },
            { className:"tabletdAdjust","targets":[1]}
        ],     
    });
}

Я ожидаю результата, как таблица с двумя столбцами. Первый столбец для флажок , а второй столбец - это привязка данных из списка. Теперь я получаю объектобъект для первого столбца

это вывод, теперь я получаю

Column          Name
[objectObject] ID
[objectObject] Code
[objectObject] Name
[objectObject] CreatedBy
[objectObject] CreatedDate
[objectObject] UpdatedBy
[objectObject] UpdatedDate

Answer 1

мы можем просто сделать одну вещь, чтобы добавить флажок с данными

"columns": [
        {
            data: 'check', defaultContent: '', render: function (data, type, row) {
                return '<input type="checkbox"/>'
            }
        },
        { data:"FieldCaption" },
    ],

только нам нужно добавить функцию рендеринга и вернуть флажок

Answer 2

С аналогичная проблема , я думаю, что проблема вызвана использованием определения data: null в качестве первого столбца. DataTables указывает использовать исходный объект для соответствующей строки в качестве источника данных для этого столбца.

Вам следует установить data параметр с несуществующим именем свойства в источнике данных и использовать параметр defaultContent, если в таблице нет столбца уникального идентификатора:

{ data: 'id', defaultContent: '' }

чтобы определение столбца выглядело так:

"columns": [
    { data: 'id', defaultContent: '' }
    { data: 'FieldCaption' },
],

Что касается использования флажков выбора, вы можете установить columnDefs следующим образом (см., Например, ссылка ):

columnDefs: [{
    orderable: false,
    className: 'select-checkbox i-checks',
    targets: 0
},
{ 
    className: 'tabletdAdjust',
    targets: 1
}],