JSFiddle - React, Tailwind, and code Playground

by Kai

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<div id="players-wrapper">
    <table id="players-table" border="1" cellpadding="5" cellspacing="5">
    </table>    
</div>

CSS

table {
    width: 100%;
}

table td {
    padding: 5px;
}

JavaScript

var players = [
{
    nickname: 'ACE',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
        disqualifications: 0,
        titles: 0
    }
},
{
    nickname: 'Artosis',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
        disqualifications: 0,
        titles: 0
    }
},
{
    nickname: 'Axslav',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
        disqualifications: 0,
        titles: 0
    }
},
{
    nickname: 'Boxer',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
        disqualifications: 0,
        titles: 0
    }
},
{
    nickname: 'Brat_OK',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
        disqualifications: 0,
        titles: 0
    }
},
{
    nickname: 'CatZ',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
        disqualifications: 0,
        titles: 0
    }
},
{
    nickname: 'Cloud',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
        disqualifications: 0,
        titles: 0
    }
},
{
    nickname: 'CrunCher',
    profile: {
        realname: '',
        team: '',
        country: ''
    },
    stats: {
        wins: 0,
        losses: 0,
        ties: 0,
        forfeits: 0,
       ...