JQuery DataTables строки мыши меню

Question

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

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

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

Answer 1

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

sample,

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;
}