通过数据绑定实现表的固定列数

Question

我有一个绑定数据的表 (KnockoutJS)，如下所示：

...
<tr>

 <th class="rotated">Row 1</th>               
 <!-- ko foreach: Dog-->            
  <td>
     <p data-bind="text: Name">
     </p>
  </td>
 <!-- /ko -->
</tr>
...

问题是我希望有固定数量的列，例如 5，但有时数据不多，因此生成的列少于 5。我想知道添加列的最佳方法是什么，以便它们始终为 5。

我制作了一个 Javascript 函数，它遍历所有行，计算 <td> 标签并在需要时添加 <td> 标签。还有其他选择吗？

Answer 1

您应该始终使用包含 5 个项目的数组，即使其中包含空值。

例如：

 var Dog = [{Name:"dog1"},{Name:"dog2"},{Name:""},{Name:"dog3"},{Name:""}];