Прежде всего, нет предопределенного метода для создания таблиц из набора данных в чистом JavaScript, поэтому мы должны написать собственную логику для того же.
Предоставленной вами информации недостаточно для создания идеального рабочего образца
Как и в целом Вы можете выполнить следующие шаги для создания таблицы на основе результатов базы данных
Шаг 1: Создайте ajax-запрос к вашему серверному методу для получения данных базы данных.
Шаг 2. Получите данные в Ajax success
Шаг 3: цикл по данным и создание динамического tr со значениями td из набора данных
Шаг 4: Добавьте tr в таблицу, используя идентификатор таблицы.
Пример:
HTML
<code><span>JSON:</span>
<pre id="json">
Javascript
var jData = '[{"fname":"Mark", "lname":"Wood", "company":"Apple"},' +
'{"fname":"Steve", "lname":"Jones", "company":"Amazon"},' +
'{"fname":"Bill", "lname":"Peterson", "company":"HP"},' +
'{"fname":"Peter", "lname":"Jacobs", "company":"Dell"}]';
var seperator = ',';
$('#json').html(jData);
$('#btnConvert').click(function() {
ConvertToTable(jData);
});
function ConvertToTable(jData) {
var arrJSON = typeof jData != 'object' ? JSON.parse(jData) : jData;
var $table = $('<table/>');
var $headerTr = $('<tr/>');
for (var index in arrJSON[0]) {
$headerTr.append($('<th/>').html(index));
}
$table.append($headerTr);
for (var i = 0; i < arrJSON.length; i++) {
var $tableTr = $('<tr/>');
for (var index in arrJSON[i]) {
$tableTr.append($('<td/>').html(arrJSON[i][index]));
}
$table.append($tableTr);
}
$('body').append($table);
}
Без фактических данных, html и вашей реализации я не могу предоставить действительный рабочий пример, но здесь вы можете найти общую версию
Другой рабочий метод Здесь