title: How to get specific column value from Datatables in javascript
body: <p>I have a datatable populated with <code>aaData</code>. There is this last column which is <code>action</code> that again is populated with an array.</p>
  
  <p>What i need to do is, by clicking an action link, I should pick up the column array value for that specific row where i clicked the action.</p>
  
  <p>The action column is populated with below json format</p>
  
  <pre><code>[
              {   
                  "displayValue":"Browse",
                  "link":"svnpath/BacklogApp",
                  "displayIcon" : "browselogo"
              },
              {   
                  "displayValue":"Source Code",
                  "link":"svnpath/BackLog/trunk/webapp-project/",
                  "displayIcon" : "svnlogo"
              },
              {   
                  "displayValue":"Contributors: Vaibhav",
                  "link":"#contributors",
                  "displayIcon" : "people"
              }
          ]
  </code></pre>
  
  <p>This is my action column which has three links - <strong>browse, source code and contributor</strong>. When i click the contributor icon, i should be able to get <code>"Contributors: Vaibhav"</code> this string.</p>
  
  <p>Below is the JS code</p>
  
  <pre><code>$(document).on('click', '.contributor', function(e)
  
      var aPos = tableAADataForContributors.fnGetPosition(this);
      alert(aPos);
  
      //if aPos returns an array in console, use first val at pos zero to get row data
      var aData = tableAADataForContributors.fnGetData(aPos[0]);
      alert(aData);
  </code></pre>
  
  <p>But on alert, my <strong>aPos</strong> is coming to be null whereas <strong>tableAADataForContributors</strong> is not null.</p>
  
  <p>Also, this is how I am populating the datatable</p>
  
  <pre><code>$.ajax({
     type: "GET",
     url: url,
     dataType: "json",
     cache: false,
     contentType: "application/json",
     success: function(tablePropJSONData) {
       var oTable = $('#genericTable').dataTable( {
          "bProcessing": true,
          "aaData": tableObj,
          "sPaginationType"   : "full_numbers",
          "bJQueryUI"         : true,
          "bRetrieve"         : true,
          "bPaginate"         : true,
          "bSort"             : true,
          "aaSorting"         : [[ 2, "desc" ]],
          "iDisplayLength"    : 50,
          "bAutoWidth"        : false,
          "bStateSave"        : false,
          "aoColumns" : tablePropJSONData.aoColumns,
          "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
              var lastColumnIndex = aData.length-1;
              var actionColumnContent = renderActionColumn(aData[lastColumnIndex]);
              $('td:eq('+lastColumnIndex+')', nRow).html(actionColumnContent);
          }
      }); 
      tableAADataForContributors = oTable; // initializing for picking up contributors from datatable.
  
      searchDataTable(oTable, searchTerm);
     },
  </code></pre>
  
  <p>And likewise initializing a global variable <strong>tableAADataForContributors</strong> to be able to use it in onclick event later.</p>
  
  <p>I am not able to do so. Please someone suggest a javascript code.</p>