具有ColumnDef不同属性的2个目标 - 数据表

时间:2016-06-22 11:25:10

标签: javascript datatables-1.10

如何为每个具有不同属性的两个目标执行ColumnDef?

columnDefs: [{         // for first column
              targets: 0,
              visable: false,
            }],

columnDefs: [{        // for last column
              targets -1,
              className: 'last',
              data: null,
              orderable: false
            }]

原因是,我将行ID作为第一列,用户不需要查看,但数据必须在那里发送到“upadate.php”,以(如名称所示)建议)更新MySQL表。最后一列包含编辑行的操作。

如果这根本不可能,那么这不是世界末日,因为最终用户信任这些信息。这只是为了防止意外更改行ID。

先谢谢。

1 个答案:

答案 0 :(得分:0)

我最近偶然发现了如何做到这一点的解决方法。代码是这样的。

$(document).ready(function() {
        $('#dataTables-example').DataTable({
            responsive: true,
            columnDefs: [ {
            targets: -1,
            data: null,
            defaultContent: "<div style='text-align:center'><a class='btn btn-default'><i class='fa fa-search'></i></a> <a class='btn btn-default'><i class='fa fa-pencil'></i></a> <a class='btn btn-default'><i class='fa fa-times'></i></a></div>"
        },
        {
            targets: 4,
            orderable: false
        } ]
        });
    });

请参阅columnDefs部分。我针对最后一列,第二部分是针对特定列。