Uzyskaj kolumn i wierszy nazwę gdy kliknięcie na komórki w DataTables

Question

używam DataTables (http://datatables.net/) dla tworzenia tabeli z JSON i mam kod:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#example').dataTable({ 
     "ajax": "objects.txt", 
     "columns": [ 
      { "data": "name" }, 
      { "data": "position" }, 
      { "data": "office" }, 
      { "data": "extn" }, 
      { "data": "start_date" }, 
      { "data": "salary" } 
     ] 
    }); 
}); 
</script> 
<div class="container"> 
<table id="example" class="table table-striped table-bordered table-responsitive" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>DAN</th> 
       <th>Aktivnost</th> 
       <th>Vreme</th> 
       <th>Rashodi</th> 
       <th>Prihodi</th> 
       <th>Beleske</th> 
      </tr> 
     </thead> 

     <tfoot> 
      <tr> 
       <th>DAN</th> 
       <th>Aktivnost</th> 
       <th>Vreme</th> 
       <th>Rashodi</th> 
       <th>Prihodi</th> 
       <th>Beleske</th> 
      </tr> 
     </tfoot> 
    </table> 
    </div> 

Jak mogę uzyskać nazwę wiersza i nazwę kolumny, gdy Klikam na jakąś komórkę? ALSI jak uzyskać identyfikator wiersza i ID kolumny po kliknięciu na komórkę w tabeli?

Answer 1

Myślę, że to pomoże Ci:

Column Selector

Row Selector

LUB

Można spróbować tego rodzaju kodu za pomocą JQuery:

$('#example tbody').on('click', 'td', function() { 
     alert('Data:'+$(this).html().trim()); 
     alert('Row:'+$(this).parent().find('td').html().trim()); 
     alert('Column:'+$('#example thead tr th').eq($(this).index()).html().trim()); 
    }); 

To skrzypce dla kodu JQuery: CLICK HERE