在 knockout.js 中的第一列和最后一列之间具有动态列的表

Question

我想要这样的东西：

<table>
    <thead>
        <tr>
            <th>Module</th>

            <!-- foreach: months -->
            <th data-bind="text: month"></th>

            <th>Total</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Invoices</th>

            <!-- foreach: months -->
            <td data-bind="text: invoice.amount"></td>

            <th data-bind="text: invoicesTotal"></th>
        </tr>

        <tr>
            <th>Taxes</th>

            <!-- foreach: months -->
            <td data-bind="text: tax.amount"></td>

            <th data-bind="text: taxesTotal"></th>
        </tr>
    </tbody>
</table>

如果所有列都来自一个数组，我知道如何将列绑定到一个数组，但在这种情况下，我希望第一列和最后一列在月份数组之外定义。

在这种情况下，我没有找到一种方法来迭代几个月（如何以及在哪个元素上定义 foreach 绑定）。

注意：即使网格听起来也不错，但它们不适合最终场景。

Answer 1

如果你有什么不起作用，你错过了结束的伪标签：

<!-- ko foreach: months -->
<th data-bind="text: month"></th>
<!-- /ko -->

见http://knockoutjs.com/documentation/foreach-binding.html