Knockout.js和表：将内容插入到匹配中

Question

我已经创建了这样的响应表：

http://css-tricks.com/examples/ResponsiveTables/responsive.php

但我发现基于CSS的内容添加容易出错。

我是Knockout.js的新手，我想用它将th元素的“键”插入到我对应的td的每一个中：

 <td><span>[tr value]</span>[original td value]<td>

所以基本上我想把它们循环到一些数组中，并将它们添加到每个tr内的相同索引中。

编辑：

以下是我设法做的事情：Jsfiddle

表格行有问题但仍然缺少包含密钥（标题）的td内的跨度

Answer 1

您需要将数据绑定添加到tbody而不是tr

<tbody data-bind="foreach: people">
    <tr>
        <td data-bind="text: firstName"></td>
        <td data-bind="text: lastName"></td>
        <td data-bind="text: jobTitle"></td>
    </tr>   
</tbody>

请参阅working fiddle