Щебетать, фиксируя область просмотра таблицы

Question

Я строю приборную панель с рельсами 4 и twitter bootstrap. Моя show.html.erb выглядит следующим образом:

<% if @store_entries %> 
    <table class="table table-striped"> 
     <thead> 
      <tr> 
       <th>A</th> 
       <th>B</th> 
       <th>C</th> 
       <th>D</th> 
       <th>E</th> 
      </tr> 
     </thead> 
     <tbody> 
      <%@store_entries.each do |value| %> 
       <tr> 
        <td><%= value['A']%></td> 
        <td><%= value['B']%></td> 
        <td><%= value['C']%></td> 
        <td><%= value['D']%></td> 
        <td><%= value['E']%></td> 
       </tr> 
      <% end %> 
     </tbody> 
    </table> 
<% else%> 
    <p>No entires to display</p> 
<% end%> 

Проблема Я облицовка: Содержание каждого значения довольно долго и в результате таблица не помещается горизонтально на моем окне браузера. Я хотел бы, чтобы таблица вписывалась в мое окно браузера, поэтому пользователю не нужно прокручивать по горизонтали. Я новичок как в бутстрапе, так и в рельсах.

Answer 1

Пожалуйста, введите свои таблицы в сНу элемента и дать максимальную ширину в DIV

Пример:

<div style="width:400px;"> 
    your table content 
</div>