Knockout - array of football stats

http://stackoverflow.com/questions/11901712/knockout-js-foreach-looping-through-array-of-objects

HTML

<table>
<tbody data-bind="foreach: stats">
        <tr>
            <td><span data-bind="text: stat.name"></span></td>
            <td><span data-bind="text: stat.abbr"></span></td>
        </tr>
</tbody>
</table>

CSS

td {
    padding: 4px;
}

JavaScript

var Stat = function(name, abbr, a, b, c, group) {
    var self = this;
    self.name = ko.observable(name);
    self.abbr = ko.observable(abbr);
    self.a = ko.observable(a);
    self.b = ko.observable(b);
    self.c = ko.observable(c);
    self.group = ko.observable(group);
    return self;
};



var vm = (function() {
    var stats = ko.observableArray([
        {
            key: "DFTD",
            stat: new Stat("Defensive TD", "DFTD", 0, 20, 0, 'group1')
        },
        {
            key: "GL",
            stat: new Stat("Games Lost", "GL", 0, 16, 0, 'group2')
        },
        {
            key: "FGA",
            stat: new Stat("Field Goals ATT", "FGA", 0, 100, 0, 'group2')
        }
    ]);
    return {
        stats: stats
    };
})();

ko.applyBindings(vm);