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

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