ノックアウト：テーブル列を持つforeachは余分なものを挿入するTR

Question

jsfiddleはこの問題を説明しています。 knockout:foreachを使用して、表の列ヘッダー（<th>タグ）のリストを生成します。 DOMを調べると、各<th>の周りに<tr>が挿入されていることがわかります。これにより、対応する表のセルの上に1つの列ヘッダーが表示されるのではなく、列見出しがすべて一番左の列の上になります。

私はcontainerless syntaxが私の友人だろうと思っていましたが、ここで私はanother jsfiddleでそれを試していますが、うまくいきません。 javascriptコンソールを開くと、foreachループを閉じるコメントが見つからないことがわかります（この特定の問題については他にも質問がありますが、その解決策は私のためには機能しませんでした）。

Answer 1

あなたのTHエレメントを、どこに置くかをブラウザが推測するのではなく、単一のTRにラップする必要があります。

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