title: p:dataTable get data from column cell with javascript
body: <p>In my college project I am migrating RichFaces to PrimeFaces 5.1. In RichFaces dataTable show pieChart using HighCharts. In dataTable to get value column outputText and pass to Highchart show chart in dataTable column.This same Process I need in PrimeFaces. </p>
  
  <p>In Richfaces : </p>
  
  <pre><code>&lt;script&gt;
      jQuery(document).ready(function() {
          populatePieChartInDataTable()
      }
      function populatePieChartInDataTable() {
          var dataTableId;
          dataTableId = 'studentDataTable';
          generatePieChart(dataTableId, 'studentstatuspiechartdiv');
      }
  
      function generatePieChart(dataTableId, pieChartContainerDivId) {
          var dataTable;
          var cellElement;
          var pieChartContent;
          var pieChartContainerDynamicId;
          var rowLength;
          var cellLength;
          dataTable = jQuery('table[id$="' + dataTableId + '"]')[0];
          rowLength = dataTable.tBodies[0].rows.length;
          for (var i = 0; i &lt; rowLength; i++) {
              pieChartContainerDynamicId = pieChartContainerDivId + ':' + i;
              cellLength = dataTable.tBodies[0].rows[i].cells.length;
              for (var j = 0; j &lt; cellLength; j++) {
                  cellElement = dataTable.tBodies[0].rows[i].cells[j];
                  if (cellElement.childNodes.length == 3) {
                      pieChartContent = cellElement.childNodes[0].innerHTML;
                      cellElement.childNodes[1].setAttribute('id', pieChartContainerDynamicId);
                      createPieChartstudentStatus(pieChartContainerDynamicId,
                              pieChartContent);
                  }
              }
          }
      }
  &lt;/script&gt;
  
  &lt;rich:datascroller id="dataTopScroller" for="studentDataTable" 
                     page="#{student.dashboardDatascrollerIndex}"oncomplete="populatePieChartInDataTable();" reRender="dataTopScroller"/&gt;
  &lt;rich:dataTable id="studentDataTable" value="#{student.responderDashboardDetailList}"&gt;
      &lt;rich:column style="width: 325px;"&gt;
          &lt;h:outputText id="pieChartData" value="#{student.pieChartData}" style="display: none;"/&gt;
          &lt;f:verbatim&gt;&lt;div id="studentStatusPiechartdiv" style="width: 300px; height: 100px; overflow: auto;"&gt;
          &lt;/f:verbatim&gt;&lt;f:verbatim&gt;
              &lt;/div&gt;&lt;/f:verbatim&gt;
      &lt;/rich:column&gt;
  &lt;/rich:dataTable&gt;
  </code></pre>
  
  <p>My doubt In primefaces I use Paginator to show records 10 to 10. In Primefaces script to get dataTable  total number of row length and dataTable cell outputText of pieChartData column value get like above script code and Pass to higchart function.</p>