jQuery datatables row mouseover menu

Question

Вопрос: Как бы добавить меню курсора мыши для каждой строки при использовании JQuery Datatables? Я пробовал использовать fnRowCallback, но мне не очень повезло.

Это будет выглядеть примерно так:

http://jsfiddle.net/Hg4NF/2/

Answer 1

в fnRowCallBack добавить класс к каждому из элементов, требующих MouseOver, а затем вызвать парение для каждого из этих элементов ..

образец,

count=0; 
$("#requestsTable").dataTable({ 
     "bFilter" :false, 
     "bAutoWidth" :false, 
     "aaData" : requestData,//whatever data u want to populate the table with 
     "fnRowCallback" : processRow 
}); 


function processRow(nRow, aData, iDisplayIndex, iDisplayIndexFull){ 
    if(count==1){ //hide every other row, link row 
     count=0; 
     $(nRow).addClass("hidden"); 
     return nRow; 
    } 
    count=1; 
    //add hover functions for normal rows 
    $(nRow).hover(function(){ 
     $(this).next().show(); 
    },function(){ 
       $(this).next().hide(); 
     }); 

    return nRow; 
} 

добавить стиль для класса скрытые

.hidden{ 
    display: none; 
}