gpt4 book ai didi

javascript - 如何获取 Jquery 数据表的第一列作为复选框

转载 作者:行者123 更新时间:2023-12-02 14:16:07 25 4
gpt4 key购买 nike

我有一个要求,需要将第一列及其后续行值添加为“已选中”或“未选中”复选框。我现在面临的问题是来自服务器端的动态数据之一。这里,列名称和行值都来自服务器端。这是代码。

   $('#SettingsDatatable').dataTable({
"order": [],
"dom": "Bfrtip",
"buttons": ["copy", "csv", "excel", "pdf", "print"],
"columnDefs": [{
"className": "dt-center", "orderable": false, "width": 20
}],
"columns": dataObject[0].columns,
"data": dataObject[0].data
});

如何添加复选框列以及如何根据 dataObject[0].data 中的值选中和取消选中它?请帮忙。谢谢。

最佳答案

您可以使用columnDefs来呈现自定义html

var dataObject = [{
"columns": [{
"title": "Select"
}, {
"title": "DbColumn Name"
}, {
"title": "UserColumn Name"
}],
"data": [
["False", "STARTDATE", ""],
["True", "ENDDATE", ""],
["False", "CLASS ", ""],
["True", "AUDIT_DATE ", ""]
]
}];

$('#SettingsDatatable').dataTable({
"order": [],
"dom": "Bfrtip",
"buttons": ["copy", "csv", "excel", "pdf", "print"],
"columnDefs": [{
"targets": 0,
"render": function(data, type, full, meta) {
return '<input type="checkbox" ' + (data == 'True' ? 'checked' : '') + ' />';
}
}, {
"className": "dt-center",
"orderable": false,
"width": 20
}],
"columns": dataObject[0].columns,
"data": dataObject[0].data
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.10.1/css/jquery.dataTables.css" rel="stylesheet" />
<table id="SettingsDatatable"></table>

关于javascript - 如何获取 Jquery 数据表的第一列作为复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39019420/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com