3

我正在尝试使用简单对象数组中的玉来渲染表格。但不是简单地为每个对象渲染一行,我想在每一行上渲染三个对象。

<table>
  <thead>...</thead>
  <tbody>
    <tr>
      <td>obj0</td>
      <td>obj1</td>
      <td>obj2</td>
    </tr>
    <tr>
      <td>obj3</td>
      <td>obj4</td>
      <td>obj5</td>
    </tr>
    ...
  </tbody>
</table
4

2 回答 2

6

接受的答案在技术上是有效的,但我不喜欢你必须构建数据才能使逻辑有效。我认为逻辑应该容纳数据。因此,我想出了这个:

objects = [obj0, obj1, obj2, obj3, obj4, obj5]

table
  thead
  tbody
    - var columns = 3
    - for (var i = 0; i < objects.length; i=i+columns)
      tr
        - for (var j = 0; j < columns && i+j < objects.length; j++)
          td=objects[i+j]
于 2014-01-15T20:55:20.000 回答
5
objects = [[obj0, obj1, obj2], [obj3, obj4, obj5]]

table
  thead
  tbody
  for object in objects
    tr
      for subobject in object
        td= subobject
于 2012-06-27T18:41:57.343 回答