ruby-on-rails - テーブルの表示領域を修正する Twitter ブートストラップ

Question

Rails 4 と twitter ブートストラップを使用してダッシュボードを作成しています。私の 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 に最大幅を指定してください

例：

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