bootstrap table显示的问题 :关于table的换行和滚动

  <table class="table table-bordered table-sm">
            <thead>
            <tr>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="tbody">
            {% for student in object_list %}
                <tr>
                     <td>
                        <a class="btn btn-sm btn-success" href="{% url 'd3:StudentUpdateChuhe' student.id %}">初核</a>
                    </td>

                </tr>
            {% empty %}
                <tr>
                    <td colspan="99">没有检索到数据</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>

因为是responsive模式,table里面的内容自动折行,不太好看

bootstrap table显示的问题 :关于table的换行和滚动

 

 

 

修改:

  关键1: table加上 text-nowrap

<table class="table table-bordered table-striped table-sm text-nowrap">
加上后,随不这行了,但是屏幕布局变了,右侧拉伸很多。

关键2:把整个table放入 如下的 div中
<div style="overflow:scroll;">
   <table class="table table-bordered table-striped table-sm text-nowrap">
省略
</table> </div>

 


上一篇:基于 Python 和 Pandas 的数据分析(4) --- 建立数据集


下一篇:php – 将响应式菜单拆分为两个颜色