Estoy trabajando en un código que lea varios registros de un spreadsheet y los muestre en una tabla html para que el usuario pueda editarlos.
La tabla esta anidada en un div:
<div id="lookTable">
<table id="tableAdmin">
<tr>
<th style="width:170px">Dirección</th>
<th style="width:50px"># Sacas</th>
<th style="width:90px">Teléfono</th>
<th style="width:80px">Conductor</th>
<th style="width:70px">Estado</th>
<th style="width:80px">Recogido por</th>
<th style="width:80px">Recepción</th>
<th>Observaciones</th>
</tr>
</table>
</div>
y al cargar la pagina muestro los registros dinámicamente:
google.script.run.withSuccessHandler(checkAdmin).getDataRecogidas();
function checkAdmin(data){
var tabla = document.getElementById("tableAdmin");
for (var i=0; i < data.length; i++) {
if (data[i][9] == who){
var row = tabla.insertRow(1);
var toInsert = 0;
for (j=0; j<12; j++) {
if(j==1){
var cell = row.insertCell(toInsert);
radio = document.createElement("input");
radio.type = "radio";
radio.name = "rRadios";
radio.value = data[i][0];
radio.setAttribute("onclick", "clickThis()");
cell.appendChild(radio);
var label = document.createElement("label");
label.appendChild(document.createTextNode(data[i][j]));
cell.appendChild(label);
toInsert ++;
}
if((j==5)||(j==6)||(j==7)||(j==8)||(j==9)||(j==10)||(j==11)){
var cell = row.insertCell(toInsert);
cell.innerHTML = data[i][j];
toInsert ++;
}
if (j==5){cell.style.textAlign="center";}
if (j==6){cell.style.textAlign="right";}
if (j==10){cell.style.textAlign="center";}
}
}
}
}
Necesito que al editar los datos y guardar se actualicen los datos de la tabla html y e intentado usando la recomendación que encontré en https://codepen.io/ashikjs/pen/yJpwkO para actualizar el Div
$("#lookTable").load(" #lookTable > *");
pero no me muestra la tabla de nuevo, hay alguna otra forma de actualizarlo???