javascript - 有没有办法通过 aoColumns/mData 留下空的 DataTable 列？

Question

我有一个数据表，它是通过 aoColumns 和 mData 生成和填充的

var dtable = $('.ssdatatable').DataTable({
    //list of datatable properties
    ,
    "aoColumns":[
        { "mData": "parameter" },
        //other columns
    ]//and other stuff

目前我正在添加一个额外的第一列，使其成为“多个复选框行选择”。

所以我额外添加了一个 <th></th>在开头(将列名称留空)，并修改脚本文件如下:

var dtable = $('.ssdatatable').DataTable({
    "columnDefs": [{
            orderable: false,
            className: 'select-checkbox',
            targets: 0
        }],
    "select": { style: 'multi', selector: 'td:first-child' },
    //list of datatable properties
    ,
    "aoColumns":[
        { "mData": "parameter" },
        //other columns
    ]//and other stuff

但是，由于我保持 aoColumns 部分不变，所有数据都从空列开始向左移动一列。我做了额外的研究来防止这种情况，并尝试使用 "mData": null 。虽然它防止了错误，并将第一列变成了我想要的一行复选框，但这些复选框溢出了 [object Object]文本。我尝试使用 "mData": " " ，但它会抛出空源错误。

使用 aoColumns/mData 组合时是否可以将列留空？

Answer 1

虽然这不是一个理想的解决方案，但我设法让它发挥作用。为此，我在 Controller 内创建了一个源，例如

q.Select(p=> new {Checkbox = "", and other stuff})

在 Javascript 中，我只是将 Checkbox 声明为第一个 mData 的来源

"mData": "Checkbox"

瞧!现在所有不必要的文本都消失了。