如何在不添加其他列的情況下在 Datable 上添加 html 復選框

Question

我的數據作為數組中的 json 鍵值對。

$(document).ready(function () {
        var table = $("#main").DataTable({
            columns: [{
                    "data": "ProductNumber",
                    "title": "ProductNumber"
                },
                {
                    "data": "ReceivingDate",
                    "title": "ReceivingDate"
                }]

我想添加復選框，以便用戶可以選擇一些行。

columnDefs: [{
                targets: 0,
                searchable: false,
                orderable: false,
                className: 'dt-body-center',
                render: function (data, type, full, meta) {
                    return '<input type="checkbox" name="id[]" value="' +
                        $('<div/>').text(data).html() + '">';
                }
            }]

我從DataTable網站找到了columnDef示例。 問題是，它被告知在替換我的productnumber列的第 0 列上呈現此復選框。 而且我無法添加空列，因為我的 json 數據與列的數據數量完全相同。 我還有其他方法可以實現這一目標嗎？

Answer 1

您可以將該復選框插入到現有單元格中，例如 Id Columns。