如何解决如何调整基于Django QS的表
我正在尝试将Django查询集呈现为表格并调整列大小,但是像class="col-sm-2"
这样简单的更改类不会给出任何结果。
我正在使用bootstrap4,我的代码如下所示:
<main role="main" class="container">
<table class="table">
<thead>
<tr>
<th class="col-sm-2">Name</th>
<th class="col-md-1">Price</th>
<th class="col-md-1">Weight</th>
</tr>
</thead>
<tbody>
{% for x in queryset %}
<tr>
<td>{{x.NAME}}</td>
<td>{{x.WEIGHT}}</td>
<td>{{x.PRICE}}</td>
</tr>
{% endfor %}
</tbody>
</table>
</main>
如何使用引导程序调整这些列的大小?以及如何与以下CSS一起实现此目标:
table {
white-space: Nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
因为当前它只跨屏幕显示我的所有行,以避免换行。 谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。