淘汰賽：用表列插入額外的TR

Question

A jsfiddle解釋了這個問題。我想使用knockout:foreach爲表格生成列標題列表（<th>標記）。但是，如果您檢查DOM，則可以看到在每個<th>周圍插入了一個<tr>，這導致列標題全部堆疊在最左列上方，而不是在對應表格單元格上方顯示一個列標題。

我想也許containerless syntax會成爲我的朋友，但在這裏我試着在another jsfiddle，它不工作;如果你打開javascript控制檯，你會看到關閉foreach循環的評論無法找到（還有其他關於這個特定問題的SO問題，但他們的解決方案對我來說不起作用）。

Answer 1

您需要將TH元素封裝在單個TR中，而不是讓瀏覽器猜測放在哪裏。

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