JSFiddle - React, Tailwind, and code Playground

HTML

<table id="GraphTable"></table>

JavaScript

var data = [
    	{
      	'CompDt': '2017-07-12',
        'TotalAmt': 12,
        'ID': 'A1'        
      },
    	{
      	'CompDt': '2017-05-12',
        'TotalAmt': 434,
        'ID': 'A2'
      }
      
    ];
    
    if (data.length > 0) {

            var tr;

            var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
            for (var i = 0; i < data.length; i++) {

								var date = new Date(data[i].CompDt);

                var month = monthNames[date.getMonth()];
                var total = 0;


                var sprintno =  data[i].ID;
                var totalamt = data[i].TotalAmt;
                tr = $('<tr/>');
                tr.append("<td>" + month + "</td>");
                tr.append("<td>" + sprintno + "</td>");
                tr.append("<td>" + totalamt + "</td>");
                $('#GraphTable').append(tr);
            }

            var total = 0;
            for (var i = 0; i < data.length; i++) {
                total = total + data[i].TotalAmt;
            }

            $('#GraphTable').append('<tr style="font-weight: bold; background-color: white"><td colspan="2"></td><td>'+total+'</td></tr>');
        }