Question

我正在使用rails 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%>

我面临的问题是：每个值的内容都很长，因此表格不适合我的浏览器窗口。我希望该表适合我的浏览器窗口，这样用户就不必水平滚动。我是bootstrap和rails的新手。

Answer 1

请将您的表放在div元素中，并将最大宽度赋予div

示例：

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

Twitter引导程序固定表的查看区域

1 个答案: