时间戳

首页 > 解决方案 > 如何在 Datable 上添加 html 复选框而不添加其他列

javascript - 如何在 Datable 上添加 html 复选框而不添加其他列

问题描述

我将数据作为数组中的 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() + '">';
                }
            }]

我从网站上找到了这个columnDef例子。DataTable问题是，它被告知在替换我的productnumber列的第 0 列上呈现此复选框。而且我无法添加空列，因为我的 json 数据具有与列相同的数据数量。还有其他方法可以实现吗？

标签： javascripthtmlapicheckboxdatatable

解决方案

您可以将复选框插入到现有单元格中，例如 Id Columns。

推荐阅读