ruby-on-rails-3 - bootstrap-sass 表 - 如何生成跨越整个表宽度的单行以在表为空时显示消息（以及列标题）

Question

我有一个使用支持的 htlm 和 css 元素生成并转换为看起来像引导样式的表。

我在我的代码（Rails 3.2.3）中包含了除非命令，用于在数据存在时显示表行，但在没有数据时以我希望的单行（跨越所有列）显示消息。

目前它显示但不是单行。

我尝试在表格中使用 span 和 colspan 但无法让它看起来“干净”

这是空桌子

这是带有数据的表格

这是用于生成表格的代码。

<div class="page-header">
  <div class="span10">
    <h1>Listing people</h1>
    <div class="contextual">
      <%= link_to(new_person_path, class: "btn btn-success") do %>
        New Person <i class="icon-plus icon-white"></i>
      <% end %>
    </div>
  </div>

<table class="table table-striped table-bordered table-condensed">
<thead>
  <tr>
    <th></th>
    <th colspan="1">Full Name</th>
    <th colspan="1">DOB</th>
    <th colspan="1">Sex</th>
    <th colspan="1">Address</th>
    <th>Actions</th>
  </tr>
</thead>
<tbody
  <tr>
  <% unless @people.empty? %>
    <% @people.each do |person| %>
      <td><%= person.id %></td>
      <td><%= link_to person.full_name, person %></td>
      <td><%= person.dob %></td>
      <td><%= person.gender_to_s %></td>
      <td>
        <% person.addresses.each do |f| %>
          <%= f.full_address %>
        <% end %>
      </td>
      <td><%#= link_to 'Edit', edit_person_path(person) %> 
        <%= link_to(edit_person_path(person), class: "btn btn-small") do %>
          Edit <i class="icon-edit icon-white"></i>
        <% end %>

        <!-- This currently works but smells -->
        <%= link_to(person, class: "btn btn-small btn-danger", confirm: t_deletion_confirm(person, person.full_name), method: :delete, :title => t('EHM-G.destroy')) do %>
          Destroy <i class="icon-trash icon-white"></i>
        <% end %>
      </td>
    <% end %>
  <tr>
  <% else %>
    <td>Move along nothing to see here<td>
  <% end %>
</tr>
</tbody>                                        
</table>

<br />

<%#= link_to 'New Person', new_person_path %>
<%= link_to(new_person_path, class: "btn btn-success") do %>
  New Person <i class="icon-plus icon-white"></i>
<% end %>
</div>

那么我如何获得消息“沿着这里看不到任何东西”（感谢 Github）以“跨越”行的整个宽度并使现有标题看起来很漂亮？

谢谢

PS 这些按钮是灰色的，因为脚手架.css.scss 似乎覆盖了 bootstrap-sass。删除脚手架文件后，它将恢复为正常服务。

Answer 1

使用差异。例如，http://sourceforge.net/projects/kdiff3/files/kdiff3/0.9.97/

Answer 2

从来没有弄清楚，但是代码中的某处有问题（可能是隐藏的数字，或流氓空间），因为重新编码已经纠正了它。

这是代码现在的样子。有谁知道一个简单的方法来找出是什么原因造成的？

  <div class="page-header">
    <h1>Listing people</h1>

  <div class="contextual">
    <%= link_to(new_person_path, class: "btn btn-success") do %>
      New Person <i class="icon-plus icon-white"></i>
    <% end %>
  </div>
</div>

<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
  <th colspan="1"></th>
  <th colspan="1">Full Name</th>
  <th colspan="1">DOB</th>
  <th colspan="1">Sex</th>
  <th colspan="1">Address</th>
  <th colspan="1">Actions</th>
</tr>
</thead>
<tbody>
  <% unless @people.empty? %>
    <% @people.each do |person| %>
      <tr>
        <td></td>
        <td><%= link_to person.full_name, person %></td>
        <td><%= person.dob %></td>
        <td><%= person.gender_to_s %></td>
        <td>
          <% person.addresses.each do |address| %>
            <%= address.full_address %>
          <% end %>
        </td>          
        <td>
          <%#= link_to 'Edit', edit_person_path(person) %> 
          <%= link_to(edit_person_path(person), class: "btn btn-small") do %>
            Edit <i class="icon-edit icon-white"></i>
          <% end %>

          <!-- This currently works but smells -->
          <%= link_to(person, class: "btn btn-small btn-danger", confirm: t_deletion_confirm(person, person.full_name), method: :delete, :title => t('EHM-G.destroy')) do %>
            Destroy <i class="icon-trash icon-white"></i>
          <% end %>

          <%#= icon_delete_link_to(person, people_path, person.full_name) %>
        </td>
      </tr>
    <% end %>
  <% else %>
    <tr>
      <td colspan="0">Nothing to see here move along please</td>
    </tr>
  <% end %>
  </tbody>
</table>
</div>

虽然我昨天看不到这个——“以木换树综合症！” 我希望这可能对其他人有所帮助。

对于我自己的学习，找出导致它的最佳方法是什么？对我来说，代码看起来仍然一样