JSFiddle - React, Tailwind, and code Playground

by origineil

HTML

<table data-bind ="foreach: rows">
     
    <tr data-bind="if: $index() == 0" >
        <td><span data-bind="text: $index"></span></td>
    </tr>
    <tr>
        <td><span data-bind="text: text"></span></td>
    </tr>
</table>

JavaScript

vm =  {
    rows: ko.observableArray([{text: "Data text goes here 1"}, {text: "Data text goes here 2"}])
}

ko.applyBindings(vm)