Knockout.js和表:插入<th>将内容转换为匹配<td>

Knockout.js and tables: Inserting <th> contents into matching <td>

本文关键字：gt lt 转换 td th 和表 js 插入 Knockout      更新时间：2024-06-17

我创建了这样的响应表：

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

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

我是Knockout.js的新手，我想用它将th元素的"键"插入到我对应的每个td中，如下所示：

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

因此，基本上我想将th循环到某个数组中，并将它们添加到每个tr内的同一索引中。

编辑：

以下是我设法做到的：Jsfidle

表行出现问题，并且在包含键（标头）的td中仍然缺少span

您需要将数据绑定添加到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>

参见工作小提琴

相关文章：