1

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

我想也许无容器语法会是我的朋友，但在这里我在另一个 jsfiddle中尝试它并且它不起作用；如果您打开 javascript 控制台，您将看到无法找到关闭 foreach 循环的评论（还有其他关于此特定问题的 SO 问题，但他们的解决方案对我不起作用）。

4

1 回答 1

2

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

<thead>
  <tr data-bind="foreach:columns">
    <th data-bind="text: $data.field_name"></th>
  </tr>
</thead>
于 2017-06-16T22:50:14.147 回答