Javascript 从第二列开始填充数据表
我有一个从api检索json数据的datatable。表的第一列应仅包含复选框。但是,在检索数据时,它也会填充第一列Javascript 从第二列开始填充数据表,javascript,jquery,json,ajax,datatables,Javascript,Jquery,Json,Ajax,Datatables,我有一个从api检索json数据的datatable。表的第一列应仅包含复选框。但是,在检索数据时,它也会填充第一列 有没有办法设置数据只能从第二列开始填充,而第一列只包含复选框 您可以通过更新api或在js代码中修复此问题,只需将json中第一个对象的数据键值更新为null $.getJSON('https://api.myjson.com/bins/o44x', function(json) { json.columns[0].data = null; json.columns
有没有办法设置数据只能从第二列开始填充,而第一列只包含复选框 您可以通过更新api或在js代码中修复此问题,只需将
json中第一个对象的数据
键值更新为null
$.getJSON('https://api.myjson.com/bins/o44x', function(json) {
json.columns[0].data = null;
json.columns[0].defaultContent = '';
$('#parametrictable').DataTable({
data: json.data,
columns: json.columns,
.... your rest of code
})
});
编辑:
我的意思是你的建议只是隐藏与复选框重叠的数据。我不想把它藏起来。默认情况下,我希望第一列仅为复选框。重叠的数据应该在第二列
您可以像这样更新API以实现以下目标:
"columns": [
{
"data": null,
"defaultContent": ""
},
{
"data": "DT_RowId",
"title": "Id"
},
{
"data": "supplier",
"title": "supplier"
},
{
"data": "color",
"title": "color"
}
],
或者,您可以在不修改API的情况下更新代码,如:
$.getJSON('https://api.myjson.com/bins/o44x', function(json) {
// Add object for checkbox at first position
json.columns.unshift({"data": null, "defaultContent": ""});
$('#parametrictable').DataTable({
data: json.data,
columns: json.columns,
....your rest of code
})
});
这只删除了第一列上的数据。我仍然需要数据,只是不需要第一列上的数据。您可以很容易地获得所选行数据,如:table.rows('.selected').data()代码>。这里有一个演示:。使用复选框选择一行,然后单击“获取选定行”
按钮,它将显示选定行数据。不,我的意思是,您的建议只是隐藏与复选框重叠的数据。我不想把它藏起来。默认情况下,我希望第一列仅为复选框。重叠的数据应该在第二列。然后你可以简单地更新你的api,在下一个索引中传递新的对象。我已经更新了代码以显示这一点,然后您就不需要对js代码进行任何更改。您只需在第一个位置添加一个新对象即可。代码已更新。
$.getJSON('https://api.myjson.com/bins/o44x', function(json) {
// Add object for checkbox at first position
json.columns.unshift({"data": null, "defaultContent": ""});
$('#parametrictable').DataTable({
data: json.data,
columns: json.columns,
....your rest of code
})
});