Javascript 数据表通过所有页面定位行
我想在其中一个单元格中找到一个具有特定值的行,然后应用类。我设法做到了这一点,但问题是,只有当我到达存在该值的页面时,它才会起作用Javascript 数据表通过所有页面定位行,javascript,jquery,datatables,Javascript,Jquery,Datatables,我想在其中一个单元格中找到一个具有特定值的行,然后应用类。我设法做到了这一点,但问题是,只有当我到达存在该值的页面时,它才会起作用 drawCallback: function( settings ) { var data = table.rows({ page: 'all' }).data(); $(data).each( function (idx) { var row = table.row( idx ); if ( row.data().
drawCallback: function( settings ) {
var data = table.rows({ page: 'all' }).data();
$(data).each( function (idx) {
var row = table.row( idx );
if ( row.data().username === 'miko55' ) {
row.nodes().to$().addClass( 'table-success' );
alert(idx);
}
} );
}
我尝试使用page:“all”,但它没有改变任何东西。您需要使用Datatables
jumpToData()
来实现这一点。试试这个
//jump to particular row in a table
YOUR_TABLE.page.jumpToData('VALUE YOU ARE LOOKING FOR', 0);
//add you CSS class to the row
YOUR_TABLE.rows(function (idx, data, node) {
if(data.YOUR_VALUE === 'VALUE YOU ARE LOOKING FOR') {
return true;
}
}).nodes().to$().addClass('YOUR CSS CLASS');
请将标签更改为<代码> JavaScript < /代码>或<代码> jQuery < /C> >什么是<代码>页< /代码>?页修饰符允许您控制选择器是否应考虑表中的所有数据,而不考虑分页,或者,如果只使用当前显示页面中的行。问题:在使用datatables生成表时,您使用的是客户端方法还是服务器端方法?结果相同,只有当我使用我正在查找的值进入页面时,才会添加类。您是否将我说的插件添加到应用程序中?这段代码对mealso是有效的,因为某些原因,Datatable CDN不会像预期的那样工作,所以最好在应用程序中包含Datatable和插件文件