6

在我的 rails 3.2 应用程序中，我必须显示一个表格。所以我使用了 twitter bootstrap 的类“table table-bordered”来格式化它。然后为了改变它的行颜色，我还使用了这里描述的类“信息”和“成功” 。

我页面中的表格代码如下：-

<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>

猜猜它改变了所有行的颜色，除了第一行是表的头行。但是当将“”更改为“ ”时，它工作正常。但是因为它只是一个简单的行而不是表头行，所以它的字体不是粗体。

那么如何在不使用的情况下更改标题行的颜色代替??

谢谢...

4

2 回答 2

5

.info引导程序中没有用于添加或添加.success到表头的css 。你必须自己制定规则。

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

jsfiddle

于 2013-01-24T01:29:13.047 回答
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>
于 2015-12-12T11:06:57.493 回答