JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js"></script>
<table>
    <tbody data-bind="foreach: people">
        <tr>
            <td>
                <input type="text" data-bind="value: name" />
            </td>
            <td>
                <input type="text" data-bind="value: age" />
            </td>
            <td>
                <input type="text" data-bind="value: age" />
            </td>
        </tr>
    </tbody>
</table>

<button data-bind="click: show">Show</button>

JavaScript

var raw = [{
    "name": "john",
        "age": 21,
        "address": "No 25"
}];

var vm = { people:ko.utils.arrayMap(raw, function (item) {return  ko.mapping.fromJS(item)})};
vm.show = function(){
    var data =  ko.mapping.toJS(vm);
    data = JSON.stringify(data);
    alert(data);
};

ko.applyBindings(vm);