Spalten- und Zeilennamen erhalten, sobald eine Klick auf Zelle in Datentabellen

Question

I Datentabellen verwenden (http://datatables.net/) für die Tabelle mit JSON Erstellung und ich habe einen Code:

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

Wie kann ich Namen von Zeilen- und Spaltennamen erhalten, wenn Ich klicke auf eine Zelle? ALo, wie ID der Zeile und ID der Spalte erhalten, wenn Sie auf eine Zelle in der Tabelle klicken?

Answer 1

Ich denke, das wird Ihnen helfen:

Column Selector

Row Selector

ODER

Sie diese Art von Code können versuchen mit 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()); 
    }); 

Das ist das ist Geige für JQuery-Code: CLICK HERE