Jquery datatables 使用鼠标悬停功能获取数据表单元格的行和列
我不熟悉使用数据表 要求是:当我将鼠标悬停在表格(4列表格)上时,获取单元格行号和列号。当我将鼠标悬停在每行的第二列上时,我必须显示一个弹出窗口,描述第二列的值(我将其隐藏在第四列中) 我四处搜索,得到了关于列号的信息,但没有同时得到行号和列号 我使用的代码如下:Jquery datatables 使用鼠标悬停功能获取数据表单元格的行和列,jquery-datatables,Jquery Datatables,我不熟悉使用数据表 要求是:当我将鼠标悬停在表格(4列表格)上时,获取单元格行号和列号。当我将鼠标悬停在每行的第二列上时,我必须显示一个弹出窗口,描述第二列的值(我将其隐藏在第四列中) 我四处搜索,得到了关于列号的信息,但没有同时得到行号和列号 我使用的代码如下: jQuery(document).ready(function() { var oTable = $('#example').dataTable( { "bSortClasses": false } )
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]将我的错误显示为uncaughttypeerror:无法读取未定义的
的属性“3”。这是因为aData本身是未定义的。那么,为了得到第4列中的值,我必须使用什么呢
我也尝试了以下方法:
tr
的悬停,而不是td
-->$('tr')。悬停(函数(nRow、aData、iDisplayIndex)…,我会得到行号,但iCol上的列不会返回-1var data = oTable .fnGetData(this);
console.log(data);
数据返回给我
我得到了行和列
$('#example tbody td').hover( function( e) {
var iPos = oTable.fnGetPosition( this );
var iCol = iPos [1];
var iRow = iPos[0];
}))
谢谢如果你的问题更容易阅读,你会得到更多有用的答案。试着清理一下!祝你好运
无法读取未定义
的属性'3',我看到的唯一3个是aData[3
],它的未定义含义aData
是未定义的。我使用了语法函数SSpoke(nRow、aData、iDisplayIndex)与我们用于fnRowCallback的类似。在这里它不起作用。您知道如何获取第3列的值。谢谢