JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js"></script>
start
<table>

    <tbody data-bind="foreach: rows">
        <tr>
            <td><div data-bind="text: col1, click: $root.increment"/>&nbsp;&nbsp;</td>
          
        </tr>
    </tbody>
</table>

<div data-bind="text: ko.toJSON($root)"></div>

CSS

td {
    border:1px solid red;
    padding:5px;
}

JavaScript

debugger;
var array = []
for (var i = 0; i < 10; i++) {
    var newRow = {
        col1: ko.observable(0)
    }
    array.push(newRow);
}


ko.applyBindings(vm);