顯示錶和每個塊的問題

我想動態加載我的頁面上的燈具列表，所以我認爲最好的事情是在這種情況下使用表而不是列表。我的問題是，每個表都呈現略有不同，他們都需要反映的第一個表的截圖顯示錶和每個塊的問題

My Form

我的代碼看起來像這樣

<%= form_tag controller: 'predictions', action: 'create', method: 'post' do %> 
<% @fixture_date.sort.each do |date, fixture| %> 
    <table> 
    <h5><%= date_format(date) %></h5> 
    <tbody> 
    <% fixture.each do |fixture|%> 
     <tr> 
     <td><%= fixture.home_team %></td> 
     <td><%= text_field_tag "predictions[][home_score]" %></td> 
     <td><%= text_field_tag "predictions[][away_score]" %></td> 
     <td><%= fixture.away_team %></td> 
     <%= hidden_field_tag "predictions[][home_team]", fixture.home_team %> 
     <%= hidden_field_tag "predictions[][away_team]", fixture.away_team %> 
     <%= hidden_field_tag "predictions[][fixture_date]", fixture.fixture_date %> 
     <%= hidden_field_tag "predictions[][fixture_id]", fixture.id %> 
     </tr> 
    <% end %><!-- fixture --> 
    <% end %><!-- date--> 
    </tbody> 
    </table> 
<% end %><!--Form Tag-->

任何人都可以看到任何昭然若揭的是我錯過了。 CSS由Twitter Bootstrap提供，並且被設置爲其默認值。可能我在表中列出的方式有問題嗎？

任何幫助表示讚賞

來源

2013-05-22 Richlewis

你的表是正確的渲染，他們之間的唯一不同的事情，是你的TDS的寬度。只需在你的CSS中設置每個td的寬度。例如，您可以設置％寬度，這樣做：

table.fixtures { 
    td { 
     width: 40%; 
     &:nth-child(2), :nth-child(3) { 
      width: 10%; 
     } 
    } 
}

這個CSS期待你的表有4個TDS和被設置第二和第三的10％的寬度，其餘的40％。（我也用青菜，但您可以使用純CSS以下也一樣）使用此

來源

2013-05-22 11:36:07

謝謝，最後的東西很簡單:) – Richlewis

你可以在你的表格的寬度有更多的控制和細胞：

table-layout: fixed;

很難給出一個沒有一個工作實例的更詳細的答案。您沒有發佈任何CSS，最好發佈發送給瀏覽器的HTML。

來源

2013-05-22 11:41:14

顯示錶和每個塊的問題

回答

相關問題