Boa tarde... Preciso criar uma tabela em que as linhas e colunas sejam criadas dinamicamente. Por exemplo, considere esse JSON:
{"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]}
e o codigo JS
var table = '<div class=\'dataTables\'>';
* table += '<div class=\'table-responsive\'>';
* table += '<table id=\'tabela\' style=\'white-space: nowrap;\' cellspacing=\'0\' width=\'100%\' class=\'table table-hover table-striped table-bordered\'>';
* table += '<thead>';
//criar o cabecalho de acordo com o JSON
table += '</thead>';
* table += '<tfoot><tr class=\'tr-foot\' id=\'tFoot\'></tr></tfoot>';
* table += '<tbody>';
*
* //criar as linhas de acordo com o json
*
* table += '</tbody>'
* table += '</table>';
* table += '</div>';
* table += '</div>';
Estou com mais dificuldade em criar as colunas, com os cabeçalhos das mesmas, pois não sei como ler esse json de forma a verificar a quantidade de coluna e pegar somente o "Header" para colocar na table.
obs: Nao quero deixar as colunas estáticas na tabela.