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になるように列を追加する最良の方法を知りたい.

すべての行を通過し、タグを数え、必要に応じて<td>タグを追加する Javascript 関数を作成しました<td>。他のオプションはありますか？

Answer 1

値が空の場合でも、常に 5 つの項目を持つ配列を使用する必要があります。

例えば：

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