JSFiddle - React, Tailwind, and code Playground

by Gabriel Rodrigues

HTML

<div id="conteudo"></div>

JavaScript

var atividades = [{
            "Codigo": 7,
                "Descricao": "Atividade 1",
                "CodigoMilestone": 6,
                "TempoRevisado": 2,
                "Inicio": "\/Date(1445738400000)\/",
                "InicioCedo": "\/Date(1445738400000)\/",
                "InicioTarde": "\/Date(-62135589600000)\/",
                "TerminoCedo": "\/Date(1445911200000)\/",
                "TerminoTarde": "\/Date(-62135589600000)\/",
                "Ativo": true,
                "Milestone": null,
                "Dependencia": [],
                "Dependencia1": []
        }, {
            "Codigo": 8,
                "Descricao": "Ativade 2",
                "CodigoMilestone": 6,
                "TempoRevisado": 2,
                "Inicio": "\/Date(1445997600000)\/",
                "InicioCedo": "\/Date(1445997600000)\/",
                "InicioTarde": "\/Date(1445911200000)\/",
                "TerminoCedo": "\/Date(1446084000000)\/",
                "TerminoTarde": "\/Date(1446084000000)\/",
                "Ativo": true,
                "Milestone": null,
                "Dependencia": [],
                "Dependencia1": []
        }];


        if (atividades != null) {
            var table = '';
            $.each(atividades, function (key, val) {
                table += '<table>';
                table += '<thead><tr><th>Código</th><th>Descrição</th></tr></thead>';
                table += '<tbody><tr><td>' + val.Codigo + '</td><td>' + val.Descricao + '</td></tr></tbody>';
                table += '</table>'
            })
            $("#conteudo").append(table);
        }