Hola a mi me funciono de la siguiente manera, en tu HTML ingresas la tabla de esta manera:
<table id="tabla">
<thead>
<tr>
<th>Titulo 1</th>
<th>Titulo 2</th>
<th>Titulo 3</th>
<th>Titulo 4</th>
</tr>
</thead>
<tbody id="myTable">
</tbody>
De esta manera definimos los títulos que contendrán nuestras columnas (Titulo 1, Titulo2 etc...), en el id"MyTable" llenaremos las columas con Javascript, realizando una consulta a nuestro archivo php mediante AJAX, se vera de esta forma:
var saveme = $.ajax({
type: "POST",
url: "hola.php", //nombre del archivo php que consultaremos.
dataType: "json",
data: dataString, //Los datos enviados para la consulta
success: function(data) {
$.each(data, function(i, item) {
lista = document.getElementById("myTable");
var tr = document.createElement("tr");
var columna1 = document.createElement("th")
columna1.innerHTML = item.dato1;
var columna2 = document.createElement("th")
columna2.innerHTML = item.dato1;
var columna3 = document.createElement("th")
columna3.innerHTML = item.dato3;
var columna4 = document.createElement("th")
columna4.innerHTML = item.dato4;
lista.appendChild(tr);
tr.appendChild(columna1);
tr.appendChild(columna2);
tr.appendChild(columna3);
tr.appendChild(columna4);
});
}
});
Utilizamos un $.each para recorrer la respuesta del AJAX y utilizamos los datos traídos mediante el elemento "item", mediante la variable lista indicamos que esta contendrá el elemento con id myTable, luego crearemos el elemento tr, el elemento tr contendrá los elementos th, los cuales creamos mediante las variables columna1, columna2 etc... y con columna1.innerHTML = item.dato1; indicamos que valor o dato contendrá dicha columna utilizando el traído de la consulta con item.dato1 o el nombre que tenga el dato, finalmente agregamos los elementos creados con appendChild, agregando primero el tr a la variable lista y luego las columnas a la variable tr para que queden dentro de este.
Espero les sea de utilidad, saludos.