JSFiddle - React, Tailwind, and code Playground
HTML
<table id="tblApTdms">
<tbody>
<tr>
<th></th>
<th class="notesColumn">SU/Test</th>
<th class="notesColumn">Parallel</th>
<th class="notesColumn">Activation</th>
</tr>
<tr>
<td>Date of Extracted Files</td>
<td>
<input class="hasDatepicker" id="dtApSuExtrFiles" type="text">
</td>
<td>
<input class="hasDatepicker" id="dtApParExtrFiles" type="text">
</td>
<td>
<input class="hasDatepicker" id="dtApActExtrFiles" type="text">
</td>
</tr>
<tr>
<td>Script 1</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
</tr>
<tr>
<td>Script 2</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
</tr>
<tr>
<td>Script 3</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
</tr>
<tr>
<td colspan="4">Coordinate with PM when to load data</td>
</tr>
<tr>
<td>Script 4</td>
<td>
<input class="txtTaskNote" value="" type="text">
</td>
<td>
...
JavaScript
var array = JSON.parse('[["","","",""],["","9/2/14","","9/17/14"],["","","89ol",""],["","687k","","9-0[]p/"],["","245g","245g","356h"],["","","",""],["","","4j6","467j"],["","","9/9/14",""]]');
var r, c, note;
for (r = 0; r < array.length; ++r) {
for (c = 0; c < array[r].length; ++c) {
console.log('array[' + r + '][' + c + ']: ' + array[r][c]);
note = array[r][c];
$('#tblApTdms tr:nth-child(' + r + 1 + ') td:nth-child(' + c + 1 + ') input').val(note);
}
}