How to Operate jquery datatable rows with keyboard arrow keys -


how operate datatable(jquery plugin) rows keyboard arrow keys. did something

var otable;     $("#customerdata tbody").click(function(event) {             $(otable.fnsettings().aodata).each(function (){                     $(this.ntr).removeclass('row_selected');             });             var row = $(event.target.parentnode);             row.addclass('row_selected');             var custid=row.find('td:first').text();             if(custid!="no data available in table"){                 $('#cust_id').val(custid);             $('#customerdata_filter input').val('');             $("#editmodal").dialog("close");}     });              otable = $("#customerdata").datatable({     "bjqueryui": true,             "blengthchange": false,             "bpaginate": false,     "spaginationtype": "full_numbers",             "bprocessing": true,     "bserverside": true,             "sscrolly": "260px",     "sajaxsource": "/srikanthtest/customer.do?type=showmincustomerdetails" }); 

but don't know how operate cursor on rows.


i think looking this, need more context sure.

$(document).keydown(function (event) {     switch(event.keycode)     {         var currentrow = $(".row_selected").get(0);         //arrow down         case 40:             $(currentrow).next().addclass("row_selected");             $(currentrow).removeclass("row_selected");             break;         //arrow         case 38:             $(currentrow).prev().addclass("row_selected");             $(currentrow).removeclass("row_selected");             break;      } }); 

Comments