Formatting JSON.stringify output as table

Question

I have below codes:

<pre id="eventoutput">Result Output: ...</pre>      
<script>  // Show Output
 (function (L, document) {


  map.on('measurefinish', function (evt) {
      writeResults(evt);
    });

    function writeResults (results) {
      document.getElementById('eventoutput').innerHTML = JSON.stringify({
        Points: results.points
      }, null, 2);
    }
  })(window.L, window.document);
</script>

And its output is shown as

{
  "Points": [
    {
      "lat": 11.570852645045665,
      "lng": 104.79034423828126
    },
    {
      "lat": 11.61121119698555,
      "lng": 104.85076904296876
    },
    {
      "lat": 11.566816469367417,
      "lng": 104.88235473632814
    }
  ]
}

But I want to format it as a table with Column name Points, Lat, Lng and Row representing each data.

Could you please help me how I can accomplish this.

since you have the array, you just need to iterate, and for each element create a table row. — pedrorijo91
– pedrorijo91, Commented Dec 29, 2016 at 9:55

Community · Accepted Answer · 2017-05-23 12:33:45Z

0

You have to iterate through the array and render the table.

Please have a look at this

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Dec 29, 2016 at 9:57

Freaky Thommi

7461 gold badge7 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Formatting JSON.stringify output as table

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related