JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/react-with-addons-0.11.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.11.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/** @jsx React.DOM */

var Hello = React.createClass({

	getInitialState: function() {
		return { table: [
            {row: [{value: 1, count: 2},{value: 1, count: 2},{value: 1, count: 2},{value: 1, count: 2}]},
            {row: [{value: 1, count: 2},{value: 1, count: 2},{value: 1, count: 2},{value: 1, count: 2}]},
        ] };
	},
  
	render: function() {
		return (
            <table>
               <tbody>
                    {this.state.table.map(function (rowElement, index){
                        return (<tr key={index}>
                        {rowElement.row.map(function(ball, index){
                            var values = [];
                            
                            return(<div key={index}>
                                <td className='info'>{ball.value}</td><td>{ball.count}</td>
                            </div>);
                        })}
                        </tr>);
                    })}
                </tbody>
            </table>
		);
	}
});
 
React.renderComponent(<Hello />, document.body);