6

Rails 3.2アプリケーションでは、テーブルを表示する必要があります。そこで、twitterブートストラップのクラス「tabletable-bordered」を使用してフォーマットしました。次に、行の色を変更するために、ここで説明するクラス「info」と「success」も使用しました。

私のページのテーブルコードは次のとおりです：-

<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または追加するための CSS がブートストラップにありません。.successルールは自分で作る必要があります。

.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 に答える