使用数据绑定实现表的固定列号

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:""}];