2016-09-27 16 views
0

enter image description here初めてRuby on RailsでHAMLを使用した場合、コメントの平均数を月に合わせる必要があります。したがって、最初のものは整列しますが、残りは整列させません。Rails 4.1:HAMLを使用する場合の間隔の問題

screenshot of table so far

monthly.stats.html.haml

.row 
 
    .col-md-3 
 
    Month 
 
    .col-md-9 
 
    - 6.times.reverse_each do |i| 
 
     %th= i.month.ago.strftime('%b %y') 
 
     %tr 
 
     - 6.times do 
 
      %td   
 

 

 
    .col-md-3 
 
    Av. No of Comments 
 
    .col-md-9 
 
    - 6.times.reverse_each do |i| 
 
     %tr #{@monitor.average_number_of_comments(i.months.ago, Time.now)} 
 
     %tr 
 
     - 6.times do 
 
      %td  

私はスペースの

%tr 
    - 6.times do 
    %td   

を使用していますが、これは正しく間隔されていません

+1

なぜあなたは '&nbsp'を使っているのですか?列のスペースを取り除くだけの場合は、[td width atribute](http://www.w3schools.com/tags/att_td_width.asp)のようなものを使用しないでください。 –

+0

https://getbootstrap.com/css/#tablesはブートストラップのテーブルスタイルについて説明しています – Stefan

答えて

1

なぜあなたはテーブルを使用していませんか?

.row 
 
    %table.table-responsive 
 
    %tr 
 
     %th 
 
     Month 
 
     - 6.times.reverse_each do |i| 
 
     %th= i.month.ago.strftime('%b %y') 
 
    %tr 
 
     %td 
 
     Av. No of Comments 
 
     - 6.times.reverse_each do |i| 
 
     %td #{@monitor.average_number_of_comments(i.months.ago, Time.now)}

だけインデントに注意を払います。ループは、%thおよび%tdと同じレベルで字下げする必要があります。この方法では、 のようなハッキングは必要ありません。また、テーブルを完全に使用することを避け、ブートストラップグリッドシステムを完全に使用することもできます。

+0

ありがとうが、まだスペースがありません – Neil

関連する問題