создание таблицы по горизонтали - PullRequest
0 голосов
/ 10 июля 2020

Я хочу создать html таблицу по горизонтали с json данными

need ti display the table as 
name John
age  30

let user = {
  name: "John",
  age: 30
};
//$('#geo_summary tbody').append(
Object.entries(user).reduce((res, row) => {
res.map(x => $('<td>').text(x))
//console.log(res);
});

//);
console.log(Object.entries(user).reduce((res, row) => {
 res.map(x => x)
}));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="geo_summary">
<tbody></tbody> 
</table>

1 Ответ

1 голос
/ 10 июля 2020

Вы можете просто использовать комбинацию Array.prototype.forEach для кортежа, возвращаемого Object.entries, и деструктурирования массива:

let user = {
  name: "John",
  age: 30
};

Object.entries(user).forEach(([key, value]) => {
  $('#geo_summary tbody').append(`<tr><td>${key}</td><td>${value}</td></tr>`);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="geo_summary">
<tbody></tbody> 
</table>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...