滾動到DataTable中的特定行

我有一個DataTable，我想滾動到給定行的特定行。表中的每一行都被分配了一個我想用來選擇包含行的獨特類。小提琴中的每個按鈕都有一個具有獨特類別的選擇器。滾動到DataTable中的特定行

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, '')); 
},

所以我想當按鈕1被按下表中相應的行進入視圖（所有按鈕）。

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

小提琴在https://jsfiddle.net/myojo7pw/

來源

2016-02-17 gaitat

的可能的複製[滾動至所選行中的數據表的jQuery插件] （https://stackoverflow.com/questions/24731204/scroll-to-selected-row-in-datatables-jquery-plugin） – KyleMit

您可以使用scrollTo jQuery plugin，它可以讓您可以滾動使用類，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"); 

});

Demo in JsFiddle

來源

2016-02-17 23:25:57

滾動到DataTable中的特定行

回答

相關問題