滚动到数据表中的特定行

我有一个数据表，我想滚动到给定行类的特定行。表中的每一行都被分配了一个唯一的类，我想用它来选择包含的行。小提琴中的每个按钮都有一个具有唯一类的选择器。

fnRowCallback: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
  $(nRow).addClass( "c" + aData[0].replace(/\W/g, '') + aData[1].replace(/\W/g, '') + aData[2].replace(/\W/g, '') + aData[3].replace(/\W/g, '') );
},

所以我希望当按下button1时，表格的相应行就会进入视图（对于所有按钮）。

$("#button1").click( function() {
    var selection = $( "#example .cGloriaLittleSystemsAdministratorNewYork59" );
    ...
} );

拨弄https://jsfiddle.net/myojo7pw/ https://jsfiddle.net/myojo7pw/

您可以使用滚动到 jQuery 插件 http://demos.flesler.com/jquery/scrollTo/它允许您使用类、id、类型或组合滚动到任何元素。由于表格的可滚动部分有dataTables_scrollBody类，您可以在按钮的单击事件中像这样激活scrollTo：

$("#button1").click( function() {
    var selection = $( "#example .cGloriaLittleSystemsAdministratorNewYork59" );

    $(".dataTables_scrollBody").scrollTo(selection);

    // to remove .selectedRow from existing rows
    $("tr[role='row']").removeClass("selectedRow");
    // to add .selectedRow to the navigated row
    selection.addClass("selectedRow");

} );

JsFiddle 中的演示 https://jsfiddle.net/bLgsbv3b/6/