Как вывести объект в динамически изменяющуюся таблицу на основе заданного объекта - PullRequest
0 голосов
/ 27 апреля 2020

Я хочу вывести объект, который был сформирован из ответа websocket API. В настоящее время у меня есть код, который выводит последний результат этого объекта. Я ищу способ разработки, мне нужно создать таблицу, которая будет показывать все «цены» объекта, а не только последнюю цену в списке. Код для разделения объекта можно найти здесь:

for(i in Object.keys(dataObj)){
console.log(Object.keys(dataObj)[i])
}

Затем он вызывается в этом разделе кода, который будет искать итерацию новых строк на основе уникальных данных. Например, исходя из цен, проведенных в Оби. Я ищу, чтобы создать таблицу, которая соответственно реагирует в реальном времени на то, что содержится в объекте. Код для этого можно найти ниже:

var mainObj = [
        {  
        price: Object.keys(dataObj)[i],
        }
    ];
    var k = '<tbody>'
    for(i = 0;i < mainObj.length; i++){
        k+= '<tr>';
        k+= '<td>' + mainObj[i].price + '</td>';
        k+= '</tr>';
    }
    k+='</tbody>';
    document.getElementById('tableData').innerHTML = k;

Затем переменная k вызывается до HTML в теле с идентификатором "tableData".

Ниже вы можете увидеть вывод визуально в моем электронном приложении.

enter image description here

Здесь вы можете увидеть соответствующий вывод консоли.

enter image description here

Приветствуются любые советы о том, как я могу повторить этот набор ответов в показанной таблице.

Ввод данных:

enter image description here

Вывод данных:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...