Knockout bound table after modifications from Part 2

gistfile1.html

<table>
    <thead>
        <tr data-bind="foreach: headings">
            <th data-bind="text: $data"></th>
        </tr>
    </thead>
    <tbody data-bind="foreach: { data: records, as: 'record' }">
        <tr data-bind="foreach: { data: $root.headings, as: 'field' }">
            <td data-bind="text: record[field]"></td>
        </tr>
    </tbody>
</table>