JSFiddle - React, Tailwind, and code Playground

by tabalinas

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<table>
    <thead><tr>
        <th></th><th>Sponsor</th><th>Description</th>
    </tr></thead>
    <!-- Todo: Generate table body -->
    <tbody data-bind="foreach: sponsor">
        <tr>
            <td></td>
            <td><span data-bind="text: cName"></span></td>
            <td><span data-bind="text: sDescribe"></span></td>
        </tr>
    </tbody>
</table>

JavaScript

var viewModel = {
    sponsor: [
        { cName: "company1", sDescribe: "company 1 been nice enough to support my bowling career by paying for a couple of my tournaments." },
        { cName: "company2", sDescribe: "I am an employee at company 2 and it is where I purchase all of my equipment. The owner has also been nice enough to supply me with a few shirts to wear in tournaments and I have even received a few bowling balls from him." }
    ]
};

ko.applyBindings(viewModel);