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

标签 jquery datatables

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

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

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

最佳答案

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

    $('#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”。

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

关于jquery - 在 jQuery 数据表上设置一个 id 以供 TableDnD 插件使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4388267/

相关文章:

javascript - 创建全屏弹出窗口并更新滚动条

javascript - 将 jQuery 插件与 Angular 5 (Typescript) 一起使用失败

javascript - jQuery FullCalendar 选择第二天?

javascript - 当标题滚动到边界附近时,DataTables ColReorder 滚动

jquery - 默认二级排序

javascript - DataTables.Net - 有没有办法从数据中设置属性?

javascript - 如何使用具有相同名称的复选框显示/隐藏选项卡部分?

javascript - 对财务数据进行排序的数据表

javascript - 数据表流水线和固定列

jquery - 为什么移动一个 div 会如此震撼