从表中删除列

Question

我正在关注如何使用评论和标签创建Ruby-on-Rails博客网站的tutorial，并将我的工作放在https://github.com/khpeek/jumpstart-blogger/上。

本教程的最后一部分涉及允许作者创建用户名和密码。其中一个页面是“巫术”宝石作者的默认列表：

如您所见，有“密码”和“密码确认”的空白栏，我想删除。

此页面的外观由app/views/authors/index.html.erb管理，其中包含

<p id="notice"><%= notice %></p>

<h1>Listing Authors</h1>

<table>
  <thead>
    <tr>
      <th>Username</th>
      <th>Email</th>
      <th>Password</th>
      <th>Password confirmation</th>
      <th colspan="3"></th>
    </tr>
  </thead>

  <tbody>
    <% @authors.each do |author| %>
      <tr>
        <td><%= author.username %></td>
        <td><%= author.email %></td>
        <td><%= author.password %></td>
        <td><%= author.password_confirmation %></td>
        <td><%= link_to 'Show', author %></td>
        <td><%= link_to 'Edit', edit_author_path(author) %></td>
        <td><%= link_to 'Destroy', author, method: :delete, data: { confirm: 'Are you sure?' } %></td>
      </tr>
    <% end %>
  </tbody>
</table>

<br>

<%= link_to 'New Author', new_author_path %>

我的想法是评论出

行

  <th>Password</th>
  <th>Password confirmation</th>

和

    <td><%= author.password %></td>
    <td><%= author.password_confirmation %></td>

但是，如果我这样做，一些文本将被放置在主边界框之外：

是否可以从代码的有限部分告诉我这里出了什么问题？

Answer 1

之所以发生这种情况，是因为你没有“告诉”你的桌子填充整个宽度的风格。

尝试添加以下样式表：

<style>
  table { width: 100%; }
</style>