Как представить результат запроса в виде таблицы?

[testuser7]

Пытаюсь организовать вывод результатов запроса в виде таблицы, но никакие атрибуты тега table (например cellspacing, border) не работают. Т.е., строки выводятся, но нет никакого форматирования. Похоже, что вообще таблица не создается:

<div id="results"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
		<script>
			$('#load').on('click', function() {
				$.ajax({
					url: '/accounts',
					success: function(data) {
						var results = $('#results');
					
						results.append('<table border="5"><tbody>');
						results.append('<tr><td>message</td><td>message1</td></tr>');
					
						$(data).each(function(index, value1, value2) {
							results.append('<tr><td>'+data[index].message+'</td><td>'+data[index].message1+'</td></tr>');
						});
					
						results.append('</tbody></table>');
					//console.log(data[2].message);
					}
				});
			});
		</script>

Подскажите, пожалуйста, каким образом можно организовать табличный вывод?

[Dilettante_Pro]

testuser7,
Посмотрите в консоли, что у вас получается, и подумайте, что куда добавлять

[ksa]

но никакие атрибуты тега table (например cellspacing, border) не работают

В твоем примере их нет...

Внешний вид желательно настраивать в ЦСС.

[testuser7]

В твоем примере их нет...

Внешний вид желательно настраивать в ЦСС.

Вот здесь:

results.append('<table border="5"><tbody>');

От границы даже следы какие то есть в виде квадратика, который увеличивается с увеличением значения border. Но все это происходит как бы вне таблицы. Самой таблицы нет.

[Dilettante_Pro]

ksa,
border есть... Таблица сиротливо ложится в уголочек results в толстом бордере, а содержимое идет, естественно, мимо таблицы...

<div id="results"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
		<script>

var results = $('#results');
					
results.append('<table border="5"><tbody>');
results.append('<tr><td>message</td><td>message1</td></tr>');
results.append('</tbody></table>');


		</script>

[Dilettante_Pro]

testuser7,

Самой таблицы нет.

Есть. Маленький квадратик - это и есть таблица. Просто остальные элементы надо добавлять в tbody, а не в results

<div id="results"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
		<script>

var results = $('#results');
					
results.append('<table border="5"><tbody>');
$('tbody').append('<tr><td>message</td><td>message1</td></tr>');

		</script>

[testuser7]

Просто остальные элементы надо добавлять в tbody, а не в results

Спасибо. Только пришлось в tbody добавить идентификатор и заводить переменную, т.к. кроме этой таблицы имеется еще одна и при обращении по $('tbody') создавалось уже сразу 2 таблицы.