JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js"></script>
<table><tbody data-bind="foreach: Person" >
                    <tr>
                        <td data-bind="text: name"></td>
                        <td data-bind="text: family"></td>
                        <td data-bind="text: city"></td>
                        <td data-bind="text: date"></td>
                    </tr>
</tbody></table>

JavaScript

var my = {};
my.viewModel = {
    Person: ko.observableArray([
        {
        name: "Alireza",
        family: "Davoodi",
        city: "Tehran",
        date: new Date().getTime()},
    {
        name: "Alireza",
        family: "Davoodi",
        city: "Tehran",
        date: new Date().getTime()},
    {
        name: "Alireza",
        family: "Davoodi",
        city: "Tehran",
        date: new Date().getTime()},
    {
        name: "Alireza",
        family: "Davoodi",
        city: "Tehran",
        date: new Date().getTime()},
    {
        name: "Alireza",
        family: "Davoodi",
        city: "Tehran",
        date: new Date().getTime()},
        ])
};

ko.applyBindings(my.viewModel);