隐藏列的jQuery DataTables不能与fnFooterCallback一起使用

时间:2012-09-18 13:47:29

标签: jquery datatables

我在一个页面上有2个数据表,如下例所示:http://live.datatables.net/ocasik/

在我的页面顶部,我有一个链接,允许将行从一个表移动到另一个表 我每次移动行时都想重新计算页脚。

这有效,但是当我将fnFooterCallback添加到dataTable初始化时,我无法隐藏第一个表中的列。

例如:尝试从代码中删除fnFooterCallback并运行示例。现在显示/隐藏链接工作正常(它隐藏7列并显示1)。

不知怎的fnFooterCallback会导致列显示/隐藏问题。


修改 我从我的样本中删除了不必要的数据 以下是我的演示代码的简单版本:http://live.datatables.net/umafuz/

这是我的fnFooterCallback功能:

  "fnFooterCallback": function ( nRow, aaData, iStart, iEnd, aiDisplay ) {
        var iTotal = [0,0,0];
        for ( var i=0 ; i<aaData.length ; i++ )
        {
            iTotal[0] += aaData[i][3];
            iTotal[1] += aaData[i][2];
            iTotal[2] += aaData[i][3];
        }

        var nCells = nRow.getElementsByTagName('th');
        nCells[1].innerHTML=iTotal[0];
        nCells[2].innerHTML=iTotal[1];
        nCells[3].innerHTML=iTotal[2];
    }

我的问题是:

  • 如何修改我的代码,我将能够移动行,重新计算页脚并显示/隐藏列。
  • 如何更新第五列,以便它的值将基于公式col[1]/sum(col[1]) 现在我到处都有“10%”,但我每次添加/删除时都需要计算它行。

0 个答案:

没有答案