Question

我是新手使用数据表。

要求是：要使单元格行没有＆amp;当我将鼠标悬停在桌子上时（第4列表）。当我将鼠标悬停在每一行的第二列上时，我必须显示一个描述第二列值的弹出窗口（我已将其隐藏在第四列中）

我搜索了一下，我得到了关于没有列的信息，但没有同时获得行号和列号。

我使用的代码如下：

jQuery(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "bSortClasses": false
    } );

    $('td').hover( function( nRow, aData, iDisplayIndex ) {
        var iCol = $('td').index(this)%4 ;
        console.log(iCol);
        var iRow = $('tr').index(this) ;
        console.log(iRow);

        if(iCol=='1'){ // if 2nd col
        console.log(aData[3]);// this is the description i have to show- How to show this value 
        }
    }, function() {

    } );

});

在上面的代码中，我得到了col no，但我的iRow返回-1而aData [iCol]显示错误为Uncaught TypeError: Cannot read property ’3′ of undefined。这是因为aData本身是未定义的。那么我必须使用什么才能获得第4列中的值

我也尝试过以下方法：

如果我更改tr而不是td的悬停 - > $（'tr'）。悬停（函数（nRow，aData，iDisplayIndex）....，我得到的行没有但我的iCol上的列没有返回-1。
如果我更改悬停以检查表格#example - ＆gt; $（'＃example'）。hover（函数（nRow，aData，iDisplayIndex）...., iRow和iCol都得-1 -

我尝试使用

var data = oTable .fnGetData(this);
console.log(data);

数据让我回复

$（'td'）的列值。悬停...
$（'tr'）的行值。悬停....但是由于我没有iCol值，我无法获取数据[iCol]。

Answer 1

我得到了行和列

$('#example tbody td').hover( function( e) {
  var iPos = oTable.fnGetPosition( this );
  var iCol = iPos [1];
  var iRow = iPos[0];

}）;

由于

使用鼠标悬停功能获取数据表单元格的行和列

1 个答案: