Come al solito ne sono venuto a capo buttando tutto giù e riscrivendolo in modo differente:

codice:
var temp = '<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>';    for (var i = 0; i < data.length; i++) {
		temp = temp + "<tr> <td>" + data[i].dataCompito + "</td> <td>" + data[i].cliente + "</td> <td>" + data[i].tipologia_lavoro + "</td> <td>" + data[i].ore_stimate + "</td> <td>" + data[i].stato + "</td> </tr>";
                                        }
	   $('#txtHint').html(temp + "</table>");
Grazie mille per il supporto