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

Achieve fixed column number of a table with data-binding

本文关键字：数据绑定 实现      更新时间：2023-09-26

我有一个表绑定数据(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>标签。还有别的选择吗?

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

例如:

 var Dog = [{Name:"dog1"},{Name:"dog2"},{Name:""},{Name:"dog3"},{Name:""}];
相关文章：