Question

Navigation Guards解释了这个问题。我想使用knockout:foreach为表生成列标题列表（<th>标记）。但是如果你检查DOM，你可以看到在每个<tr>周围插入<th>，这会导致列标题全部堆叠在最左边的列上方，而不是在相应的列上方显示一个列标题表格单元格。

我想也许jsfiddle可能是我的朋友，但是我在containerless syntax尝试它并且它不起作用;如果您打开javascript控制台，您将看到无法找到关闭foreach循环的评论（关于此特定问题还有其他SO问题，但他们的解决方案对我不起作用）。

Answer 1

您需要将TH元素包装在单个TR中，而不是让浏览器猜测放置它们的位置。

<thead>
  <tr data-bind="foreach:columns">
    <th data-bind="text: $data.field_name"></th>
  </tr>
</thead>