首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用HAML建表

如何使用HAML建表
EN

Stack Overflow用户
提问于 2013-04-27 06:57:20
回答 3查看 11.5K关注 0票数 3

我试着做一张桌子。以下是我的HAML代码:

代码语言:javascript
复制
%table{:border => 1}
%tbody
%tr
  %td Question:
- @cust_dashboard.each do |object|
  %tr
    %td= object.question
%tr
  %td Status:
- @cust_dashboard.each do |object|
  %tr
    %td= object.status
%tr
  %td Created_at:
- @cust_dashboard.each do |object|
  %tr
    %td= object.created_at

表中的所有项目都在一列中:

我需要一个包含三列的表:

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-04-27 07:20:58

我已经有一段时间没有编写HAML了,但我认为您需要:

代码语言:javascript
复制
%table{:border => 1}
  %tbody
    %tr
      %td Question:
      %td Status:
      %td Created_at:
    - @cust_dashboard.each do |object|
      %tr
        %td= object.question
        %td= object.status
        %td= object.created_at

在构建模板时,考虑数据将如何发出:我们将看到:

代码语言:javascript
复制
<table>
  <tbody>
    <tr>
      <td>
      <td>
      <td>
    </tr>

然后是一系列的:

代码语言:javascript
复制
<tr>
  <td>
  <td>
  <td>
</tr>

(当然缩进正确)这些将是每个数据行,三个单元格。

不过,我可能会使用th而不是td作为头部:

代码语言:javascript
复制
%th Question:
%th Status:
%th Created_at:
票数 11
EN

Stack Overflow用户

发布于 2013-04-27 07:00:54

每个tr都会开始一个新的行,所以我认为你得到了你想要的东西。

票数 0
EN

Stack Overflow用户

发布于 2013-04-27 07:01:02

您每次都会请求一个新的行。

尝试更改:

代码语言:javascript
复制
- @cust_dashboard.each do |object|
  %tr
    %td= object.question

代码语言:javascript
复制
- @cust_dashboard.each do |object|
  %td= object.question
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16246399

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档