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>

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

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

注意：即使网格听起来也不错，它们不适合最终的情况。

Answer 1

如果您所拥有的内容不起作用，则您错过了结束伪标记：

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

请参阅http://knockoutjs.com/documentation/foreach-binding.html

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

1 个答案: