Generate Table with Head Using JSON as source

showData()

function showData( data ) {
	var docs = data;
	if ( Array.isArray( docs )) {
		var tbl = document.createElement('table');
		var tr = document.createElement('tr');

		/* 表格標題列 */
		var titles = Object.keys(data[0]);
		var tr = document.createElement('tr');
		for (var i in titles) {
			var th = document.createElement('th');
			th.innerText = titles[i];
			th.setAttribute('class', 'thcss');
			tr.appendChild(th);
		}
		tbl.appendChild(tr);

		/* 表格內容 */
		for (var i=0; i<docs.length; i++) {
			var tr = document.createElement('tr');
			for (var j in docs[i]) {
				var td = document.createElement('td');
				td.innerText = docs[i][j];
				tr.appendChild(td);
			}
			tbl.appendChild(tr);
		}
		document.body.appendChild(tbl);
	}
}	
			
/* data : JSON Source */