使用Knockout.js的一系列列

我有一个可观察的美国国家代码集合和一个布尔指示器。我将集合数据绑定到如下视图：

<tbody data-bind="foreach: states">
    <tr>
        <td data-bind="text: stateName"></td>
        <td><input type="checkbox" data-bind="checked: useState"></td>
    </tr>
</tbody>

当我运行它时，我会得到每个状态的预期行：

但我想要的是：

我一直在谷歌上玩，运气不太好。有人能给我指出一个资源或给我一些入门代码来帮助我吗

---

提前感谢。

只需将您的foreach移动到该行，而不是为每个foreach创建一行-

<tbody>
    <tr data-bind="foreach: states">
        <td data-bind="text: stateName"></td>
        <td><input type="checkbox" data-bind="checked: useState"></td>
    </tr>
</tbody>

---

我做了类似的事情。希望我们在不久的将来不会增加美国各州的数量

<tbody >
    <tr data-bind="foreach: states.slice(0,11)">
        <td>
            <label data-bind="text:statesId" class="hidden"></label>
            <input type="checkbox" data-bind="checked: useState">
            <label data-bind="text:stateName"></label>
        </td>
    </tr>
    <tr data-bind="foreach: States.slice(12,23)">
        <td>
            <label data-bind="text:statesId" class="hidden"></label>
            <input type="checkbox" data-bind="checked: useState
            <label data-bind="text:stateName"></label>
        </td>
    </tr>
    <tr data-bind="foreach: States.slice(24,35)">
        <td>
            <label data-bind="text:statesId" class="hidden"></label>
            <input type="checkbox" data-bind="checked: useState
            <label data-bind="text:stateName"></label>
        </td>
    </tr>
    <tr data-bind="foreach: States.slice(36,47)">
        <td>
            <label data-bind="text:statesId" class="hidden"></label>
            <input type="checkbox" data-bind="checked: useState
            <label data-bind="text:stateName"></label>
        </td>
    </tr>
    <tr data-bind="foreach: States.slice(48,51)">
        <td>
            <label data-bind="text:statesId" class="hidden"></label>
            <input type="checkbox" data-bind="checked: useState
            <label data-bind="text:stateName"></label>
        </td>
    </tr>
</tbody>

将切片替换为状态长度除以11，使其成为动态的。如果可以使用动态行，则每行也有一个$index值。也可以使它对其他数据重复使用，那么好，请打电话给PW Kad！谢谢你的帮助！