怎么用Twig做两列表?

  • 回答 (2)
  • 关注 (0)
  • 查看 (14)

想办法增加一个</tr><tr>Twig循环中的每一次迭代。

例如:

$numArray = array(12,13,14,15,16,17,18);

比如:

<table>
  {% for num in numArray %}
    <tr>
      <td>
        {{num}}
      </td>
    </tr>
  {% endfor %}
</table>

结果:

+-----------+
|    12     |
+-----------+
|    13     |
+-----------+
|    14     |
+-----------+
|    15     |
+-----------+
|    16     |
+-----------+
|    17     |
+-----------+
|    18     |
+-----------+

+-----------+-----------+
|    12     |    13     |
+-----------+-----------+
|    14     |    15     |
+-----------+-----------+
|    16     |    17     |
+-----------+-----------+
|    18     |           |
+-----------+-----------+

学生学生提问于
诸葛白云一枚产品设计回答于

像这样的东西会起作用的:

<table>
  <tr>
  {% for num in numArray %}
      <td>
        {{num}}
      </td>
  {% if loop.index is even %}
    </tr>
    <tr>
  {% endif %}
  {% endfor %}

  {% if num|length is odd %}
    <td></td>
  {% endif %} 
  </tr>
</table>

另一种方式,感觉就没那么烦躁了:

<table>
  {% for i in range(0, numArray|length-1, 2) %}
  <tr>
    <td>{{ numArray[i] }}</td>
    <td>{{ numArray[i+1]|default("") }}</td>
  </tr>
  {% endfor %}
</table>

回答过的其他问题

HTML元素删除后移动元素

诸葛白云一枚产品设计
最简单的解决方案可能是不将每个n个音符都包装在一个.row元素中。如果你这样做,卡片将自行回流。 虽然很难在没有MCVE的情况下直接回答。 // Demo code to illustrate card removal. $( function () { $...... 展开详请

JS脚本不适用于加载jQuery的.load()的div

诸葛白云一枚产品设计
已采纳
您需要设置点击功能: $('#records .clickingElement').on('click', function() {/*blah blah*/}) // doesn't work 对此: $(document).on('click', '#records .c...... 展开详请

文件没有在jenkins服务器的从机中解压缩

诸葛白云一枚产品设计
我认为你应该使用: unstash name: 'stash_name' 我在2.47版本使用Jenkins,它适用于我。这里有一点是,如果你包含“rootFolder / file.tgz”,你的unstash将为你提供文件的完整路径。如果您只想获取文件并将其放在当前目录中,...... 展开详请

IntelliJ IDEA在启动后丢失了图标

诸葛白云一枚产品设计
我有一个类似的问题,但不是相同的决议。最后一次intellij升级后,我的图标完全消失了。我通过按照与TitanFighter相同的步骤来修复此问题,以获得jetbrains-idea.desktop,但有一个不同的修复,因为图标刚从桌面文件中消失。这个解决方案是在Kubunt...... 展开详请

AttributeError:'module'对象没有属性'ValueError'

诸葛白云一枚产品设计
您可以指定例外列表,使您的代码简洁。 def try_get_fld(x): try: return get_fld(x) except (tld.exceptions.TldBadUrl, tld.exception...... 展开详请

将java应用程序的日志消息写入elk堆栈的最佳方法是什么?

诸葛白云一枚产品设计
如果想要一种简单的方法将Java应用程序日志提取到Elasticsearch中,那么安装并运行filebeat以读取应用程序日志并将其提取到ES中。可以使用filebeat摄取节点来解析日志并将它们存储到Elasticsearch中的各个字段中以帮助进行可视化等。或者也可以安装...... 展开详请

关于作者

所属标签

扫码关注云+社区