JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<table class="risktable">

    </table>

JavaScript

var mock_data = {"available":[{"UserID":7,"UserName":"Manoj","Language":"Java","Score":9,"TimeLimit":4.0},{"UserID":5,"UserName":"Thisun","Language":"Java","Score":9,"TimeLimit":4.0},{"UserID":6,"UserName":"Isuru","Language":"Java","Score":7,"TimeLimit":4.0},{"UserID":1,"UserName":"UserName LastName","Language":"Java","Score":6,"TimeLimit":6.0}],"selected":[{"UserID":7,"UserName":"Manoj","Language":"Java","Score":9,"TimeLimit":4.0},{"UserID":5,"UserName":"Thisun","Language":"Java","Score":9,"TimeLimit":4.0}]};

    $(mock_data.available).each( function(i, value){

            $('.risktable').append('<tr>' +
                                    '<td>'+ (i+1) +'</td>'+ 
                                    '<td>'+ value.UserName +'</td>'+ 
                                    '<td>'+value.Language+'</td>'+
                                    '<td>'+value.Score+'</td>'+
                                    '<td>'+value.TimeLimit+'</td>'+
                                '</tr>');
            });