JSFiddle - React, Tailwind, and code Playground

by alkos333

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.2.0.debug.js"></script>
<table data-bind="foreach: rows">
    <tr>
        <td data-bind="text: col1"></td>
    </tr>
</table>

JavaScript

/*global ko: true*/
var swc = {};

(function (swc) {
    "use strict";
    swc.grid = function () {
        var _columns = [],
            _rows = [],
            _togglebleVisible = true;
        
        return {
            rows: _rows,
            addRow: function(row) {
                _rows.push(row);
            }
        };
    }();
    
    function insertRows(n){
        var row;
        for (row = 0; row < n; n += 1){
            swc.grid.addRow({col1: row, col2: "b", col3: "c"});
        }
    }
    
    insertRows(5);
    ko.applyBindings(swc.grid.vm);
}(swc));