2013-01-23 23 views
6

yerine kullanırken renk tablosu üstbilgi satırının rengini değiştirmiyor Raylarım 3.2 uygulamasında bir tablo görüntülemem gerekiyor. Bu yüzden onu biçimlendirmek için twitter bootstrap sınıfının "tablo tablosu sınırlaması"'u kullandım. Ve sonra satır rengini değiştirmek için ben de "info" ve "başarı" here açıklanan açıkladım. aşağıdaki gibiTwitter Bootstrap, <td>

benim sayfa tablo kod şudur: -

<table class="table table-bordered"> 
    <tr class="info"> 
    <th>Your Links</th> 
    <th></th> 
    <th></th> 
    <th></th> 
    </tr> 

<% @links.each do |link| %> 
    <tr class="success"> 
    <td><%= link_to linkbunch_url(link.link), linkbunch_url(link.link) %></td> 
    <td><%= link_to 'Show', linkbunch_url(link.link) %></td> 
    <td><%= link_to 'Edit', edit_url(link.link) %></td> 
    <td><%= link_to 'Destroy', destroy_url(link.link), method: :delete, data: { confirm: 'Are you sure ?' } %></td> 
    </tr> 
<% end %> 
</table> 

masanın baş satırıdır ilk satırdaki dışındaki tüm satırlar renkleri değişen tahmin et. Ancak "" - "" "olarak değiştirildikten sonra iyi çalışıyor. Ancak bu sadece bir tablo başlığı satır değil, bu yüzden yazı tipi kalın yazı tipi değil, basit bir satır olduğu için.

Yani nasıl yerine ait kullanmadan başlık satırının rengini değiştirmek için ??

Teşekkür ... masa başlığına .info veya .success eklemek için bootstrap hiçbir css yoktur

cevap

5

. Kuralı kendin vermelisin.

.table tbody tr.info th { 
    background-color: #d9edf7; 
} 

jsfiddle

2
<table class="table table-bordered"> 
    <thead> 
    <tr class="info"> 
     <th>Your Links</th> 
     <th></th> 
     <th></th> 
     <th></th> 
    </tr> 
    </thead> 
    <tbody> 
<% @links.each do |link| %> 
    <tr class="success"> 
    <td><%= link_to linkbunch_url(link.link), linkbunch_url(link.link) %></td> 
    <td><%= link_to 'Show', linkbunch_url(link.link) %></td> 
    <td><%= link_to 'Edit', edit_url(link.link) %></td> 
    <td><%= link_to 'Destroy', destroy_url(link.link), method: :delete, data: { confirm: 'Are you sure ?' } %></td> 
    </tr> 
<% end %> 
    </tbody> 
</table>