Javascript 通过两个不相关的ObservalArray对象构建HTML表

我试图使用两个不同且不相关的

observableARay

对象来定义表的行和列，但我不知道是否/如何将

foreach

绑定嵌套在一起

我正在试验的代码非常简单（）：

KO教程非常清楚，但看起来这两个数组必须以某种方式相关，在这里也是如此，因此我发现了大量关于对象或数组数组的问题，这些问题在这里似乎不适用

---

我错过了什么？感觉好像我没有注意到一些明显的东西。

您只需要在以下绑定中引用父元素：

<!-- ko foreach: $parent.cols -->

所有代码：

<table>
    <tbody>
        <!-- First row: each with a 'cols' value -->
        <tr>
            <td></td>
            <!-- ko foreach: cols -->
            <th data-bind="text: $data"></th>
            <!-- /ko -->
        </tr>
        <!-- Subsequent rows: each first with a 'rows' value -->
        <!-- ko foreach: rows -->
        <tr>
            <th data-bind="text: $data"></th>
            <!-- Refer to $parent--> 
            <!-- ko foreach: $parent.cols -->
            <td></td>
            <!-- /ko -->
        </tr>
        <!-- /ko -->
    </tbody>
</table>

---

你在找这样的东西吗：？我肯定我已经试过了。。谁知道我把事情搞混了。很好，谢谢

<!-- ko foreach: $parent.cols -->

<table>
    <tbody>
        <!-- First row: each with a 'cols' value -->
        <tr>
            <td></td>
            <!-- ko foreach: cols -->
            <th data-bind="text: $data"></th>
            <!-- /ko -->
        </tr>
        <!-- Subsequent rows: each first with a 'rows' value -->
        <!-- ko foreach: rows -->
        <tr>
            <th data-bind="text: $data"></th>
            <!-- Refer to $parent--> 
            <!-- ko foreach: $parent.cols -->
            <td></td>
            <!-- /ko -->
        </tr>
        <!-- /ko -->
    </tbody>
</table>