Jquery 如何跳转到包含特定数据段的页面

Jquery 如何跳转到包含特定数据段的页面,jquery,datatables,Jquery,Datatables,我有一个使用jQuery DataTables插件的表。因此,我使用以下代码动态添加新行: var-oTable=$('#table_-question')。DataTable(); var row=oTable.row.add([5,“我的问题”,45,]).node(); 可旋转。行(行)。绘制(假); 我的datatable的页面长度是10,因此当我添加超过10行时,会进行分页,并将下一行插入datatable的第2页。所以,用户不会感觉到插入了新行 如果新行不在活动页面上,如何自动跳转

我有一个使用jQuery DataTables插件的表。因此,我使用以下代码动态添加新行:

var-oTable=$('#table_-question')。DataTable();
var row=oTable.row.add([5,“我的问题”,45,]).node();
可旋转。行(行)。绘制(假);
我的datatable的页面长度是10,因此当我添加超过10行时,会进行分页,并将下一行插入datatable的第2页。所以,用户不会感觉到插入了新行

如果新行不在活动页面上,如何自动跳转到下一页

解决方案

使用插件通过搜索列中的数据跳转到页面

理想情况下,您需要选择一个包含唯一值的列。在下面的示例中,人名与等于
0
(零基索引)的数据和列索引一起使用

演示

有关代码和演示,请参阅。

这将起作用(如果您知道行数据):
jQuery.fn.dataTable.Api.register( 'page.jumpToData()', function ( data, column ) {
    var pos = this.column(column, {order:'current'}).data().indexOf( data );

    if ( pos >= 0 ) {
        var page = Math.floor( pos / this.page.info().length );
        this.page( page ).draw( false );
    }

    return this;
} );

$(document).ready(function (){
    var table = $('#example').DataTable();

    var data = ["Joe Smith","System Architect","Edinburgh","5421","2011/04/25","$320,800"];

    var row = table.row.add(data).node();
    table.row(row).draw(false);

    // Use first column (index - 0) with Name to locate data in the table
    table.page.jumpToData(data[0], 0);
});