JSFiddle - React, Tailwind, and code Playground

by Luke Arrington

HTML

<div>
</div>

CSS

<table width="878" cellspacing="0" cellpadding="0" border="1" align="default">
<tbody>
<tr class="rowA">
<th width="682" class="colA"><strong></strong></th>
<th width="197" class="colB"><strong></strong></th>

JavaScript

$(function(){

var jsonObj = $.parseJSON('{"broadClass": "Large cap stocks","assetClass": "Large-cap blend","investmentOptions": "American Funds NVIT Growth-Income Fund � Class II","url": "https://ssc.nwservicecenter.com/media/pdf/fundInformation/AMERNVITGRWTHINCOME2.pdf","trustGroup": "Nationwide Funds Group"}');
        var html = '<table width="878" cellspacing="0" cellpadding="0" border="1" align="default">';
        $.each(jsonObj, function(key, value){
            html += '<td colspan="2" class="colA col1" style="strong">' + value + '</td>'
        		html += '<tr class="rowA">';
            html += '<td class="colA col1">' + value + '</td>';
            html += '<td class="colB col2">' + key + '</td>';
            html += '</tr>';
        });
        html += '</table>';

        $('div').html(html);
    });