JSFiddle - React, Tailwind, and code Playground

by Marlin Forbes

HTML

<script src="https://cdn.jsdelivr.net/g/[email protected](riot.min.js+compiler.min.js)"></script>
<body>

<script type="riot/tag">
<app>
    <table>
        <thead>
            <tr>
                <th each={ columns }>{ title }</th>
            </tr>
        </thead>
     
        <tbody>
            <tr each={ row in rows }>
                <th each={ column in columns }>{ title }</th>
            </tr>
        </tbody>
    </table>    
</app>
</script>
    
<app></app>
</body>

JavaScript

var data = {
    columns: [
        { id: 'id', title: 'ID' },
        { id: 'title', title: 'Title' }
    ],
    rows: [
        { id: 1, title: 'One' },
        { id: 2, title: 'Two' }
    ]
};

riot.mount('app', data);