title: How to Operate jquery datatable rows with keyboard arrow keys
body: <p>How to operate datatable(jquery plugin) rows with keyboard arrow keys. I did something</p>
  
  <pre><code>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"
  });
  </code></pre>
  
  <p>But i don't know how to operate the cursor over the rows.</p>