JSFiddle - React, Tailwind, and code Playground

by nveron

HTML

<script src="http://knockoutjs.com/js/knockout-2.0.0.js"></script>
<table>
    <tr data-bind="foreach: metaHeadings">
        <td><input data-bind="value: $data.val"/></td>
    </tr>
    <tr data-bind="foreach: metaHeadings">
        <td><p data-bind="text: $data.val"></p></td>
    </tr>
</table>

JavaScript

var myItem = function(data){
    this.val =ko.observable(data);
}

var theViewModel = function () {
    var ex = this;
    ex.metaHeadings = ko.observableArray([]);
    var i;
    for ( i=0;i<=5;i++ ) {
        ex.metaHeadings.push(new myItem('foo'+i));
    }

}

ko.applyBindings(new theViewModel());