Html “材质设计”复选框在数据表中创建新行

有人用这个吗

我正在尝试使用此复选框

他们的标签是这样的

<input type="checkbox" id="md_checkbox_1" class="chk-col-red" checked />
<label for="md_checkbox_1">RED</label>

红色

然而，我正试图在datatables及其工作环境中实现这一点。这是样品

问题是复选框旁边的标签是空的，我想知道为什么它会在下面产生这么大的空间

我很沮丧尝试所有的可能性只是为了消除，有人遇到这种情况吗

这是我添加复选框的代码

var link = '../../php/submit_mail.php?key_id=' + arr_id.join();
        DTable = $('#tbl_user').DataTable({
                    "destroy": true,
                    "order": [],
                    "bProcessing": true,
                    "aLengthMenu": [[10,25, 50, 75, -1], [10,25, 50, 75, "All"]],
                    "iDisplayLength": 10,
                    "sAjaxSource": link,
                    'columnDefs': [{
                        'targets': 0,
                        'render': function (data, type, row, meta){
                            return '<input type="checkbox" id="md_checkbox_' + data + '" class="filled-in chk-col-blue chkall">' +
                                   '<label for="md_checkbox_' + data + '"></label>';
                        }
                    },
                    { targets: 0, orderable: false },
                    { className: "custom_right", "targets": [1] },
                    ],
                    "aoColumns": [
                        { mData: 'id' },
                        { mData: 'col1' }
                    ]
                });

var link='../../php/submit_mail.php？key_id='+arr_id.join（）；
DTable=$（'#待定用户'）。数据表({
“毁灭”：真的，
“订单”：[]，
“bProcessing”：正确，
“阿伦提努”：[[10,25,50,75，-1]，[10,25,50,75，“全部”]，
“iDisplayLength”：10，
“sAjaxSource”：链接，
“columnDefs”：[{
“目标”：0，
“呈现”：函数（数据、类型、行、元）{
返回“”+
'';
}
},
{目标：0，可排序：false}，
{className:“自定义权限”，“目标”：[1]}，
],
“aoColumns”：[
{mData:'id'}，
{mData:'col1'}
]
});

您必须更改 [type=“checkbox”]+标签{ 高度：22px； } 标签{ 边缘底部：0px； }你必须改变 [type=“checkbox”]+标签{ 高度：22px； } 标签{ 边缘底部：0px；

---

}尝试将此添加到CSS中：

[type="checkbox"] + label {
    vertical-align: middle;
}

---

尝试将此添加到CSS中：

[type="checkbox"] + label {
    vertical-align: middle;
}

---

你如何使用它？显示的代码只是一个通用示例。。。你的代码是什么？复选框周围有哪些元素？你对元素本身及其周围元素的css是什么？请做一把小提琴，把我的帖子发送给我们，看看我把复选框放在哪里。你如何使用它？显示的代码只是一个通用示例。。。你的代码是什么？复选框周围有哪些元素？您对元素本身及其周围元素的css是什么？请拨弄一下并将链接发送给我们我的帖子，看看我将复选框放在哪里。先生，请随意使用我的代码。我不知道从哪里开始如果你看看你的开发工具，你会看到什么css设置在你的elemenr上。您需要覆盖这些。您可以添加一个开发工具的屏幕截图，显示相应元素上的css吗？先生，请随意使用我的代码。我不知道从哪里开始如果你看看你的开发工具，你会看到什么css设置在你的elemenr上。您需要覆盖这些内容。是否可以添加开发工具的屏幕截图，其中显示相应元素上的css？尝试将相同的规则添加到同一单元格中的文本（在您的示例11111中）仍然相同的sir尝试将相同的规则添加到同一单元格中的文本（在您的示例11111中）仍然相同的sir