jquery - 在 jQuery 数据表上设置一个 id 以供 TableDnD 插件使用

Question

我有一个表，我正在从服务器端 PHP 脚本将数据加载到其中，该脚本将表作为 JSON 返回以供 jQuery dataTables 渲染。然后，我使用 jQuery tableDnD 插件来允许对表进行拖放重新排序，这要求表的行包含与数据库中的表行匹配的 id，即 <tr id="1">

我想知道如何使用 dataTables 来实现这一点，因为它不允许我指定这一点。

我目前的想法是对数据使用回调，或者重写 tableDnD 以从索引列读取 id 值，有人对此有任何想法吗？

Answer 1

事实证明，回电就是答案，

    $('#dataTable').dataTable( {
    ...
        "aoColumns" : [
            { sWidth:'40px' },
            { sWidth:'40px',sClass:'position' },
            ...
            { sWidth:'3px',sClass:'handle' }
        ],
            ...
        "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
            $(nRow).attr("id",aData[0]);
            return nRow;
        },

使用fnRowCallback我能够将属性id添加到表行，然后使用返回数据的第一个元素的id加载它aData[0]

我发现我可以使用“aoColumns”来加载我的jQuery tableDnD所需的宽度和类“position”和“handle”。

我想下次我应该多读一点手册!