Svuotare la tabella ad ogni chiamata

[ciro78]

Ho usato lo stesso metodo per una tabella diversa, mi prende solo la prima riga come valore e non tutti i dati.

Nella console visualizzo tutti i valori presenti nella tabella, quindi è evidente che funziona ma sono in errore con il caricamento dei contenuti, il codice:

        $.ajax({     type: 'GET', 
    url: 'tabs.php',  
     data: { q: "getProgress~" + token + "~" + $("#reparto").val() },      
     contentType: 'application/json; charset=utf-8',
    //dataType: 'json',
    success: function (data) { 
    var tr;
    console.log(data);
        
        var Table = document.getElementById("txtHint");
Table.innerHTML = "";


    for (var i = 0; i <= data.length; i++) {
        tr = $('<table style="box-shadow: 15px 20px 5px rgba(0, 0, 0, 0.37);width:100%;"><tr class="tabella"><th>Data</th><th>Cliente</th><th>Tipologia di lavoro</th><th>Ore stimate</th><th>Stato</th></tr>');
         tr.append("<td>" + data[i].dataCompito + "</td> ");
        tr.append("<td>" + data[i].cliente + "</td>");
        tr.append("<td>" + data[i].tipologia_lavoro + "</td>");
        tr.append("<td>" + data[i].ore_stimate + "</td>");
         tr.append("<td>" + data[i].stato + "</td></tr></table>");
        $('table').html(tr);
    }

Sbaglio qualcosa nel ciclo for?

ma non mi è chiaro...se tr rappresenta una riga (prendo per buona la tua sintassi) perché inserisci in essa il tag di chiusura riga e tabella?