2016-06-21 5 views
0

Я следую за tutorial о том, как создать веб-сайт блога Ruby-on-Rails с комментариями и тегами, и до сих пор поставил мою работу на https://github.com/khpeek/jumpstart-blogger/.Удаление столбцов из таблицы

Последняя часть учебного пособия предполагает, что авторы могут создавать имена пользователей и пароли. Одна из страниц листинга по умолчанию авторов из «колдовство» перл:

enter image description here

Как вы можете видеть, есть пустые столбцы с «Пароль» и «Подтверждение пароля», который я как удалить.

Появление этой страницы регулируется 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> 

Однако, если я сделайте это, некоторый текст будет помещен за пределы основной ограничивающей рамки:

enter image description here

Можно ли сказать, из этой ограниченной части кода, что происходит здесь не так?

+0

Как вы прокомментируете код, Вы можете разместить свой код? – Kld

ответ

1

Это происходит потому, что у вас нет стиля, чтобы «рассказать» ваш стол, чтобы заполнить всю ширину.

Попробуйте добавить следующую таблицу стилей:

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

Я добавил 'table {width: 1000%}' в 'app/assets/stylesheets/styles.css.css', но текст за пределами поля все еще существует (хотя текст внутри поля лучше распределен по горизонтали). Я прокомментировал строки, используя «Cntrl + /» в редакторе Atom, который дает такую ​​строку: '