如何使用排序图标显示Bootstrap表
如何使用排序图标显示Bootstrap表
提问于 2014-08-05 12:41:43
我是新手Bootstrap，我有一个要求，以显示一个表与排序上下箭头附近的表的标题。这是我的表结构
<table class="table table-bordered table-striped">
<thead>
<tr>
<th><b>#</b> <i class='icon-arrow-up'></i><i class='icon-arrow-down'></th> **// tried**
<th ><b>Name</b></th>
<th><b>Email</b></th>
<th><b>Team</b></th>
<th ><b>Role</b></th>
<th ><b>Timezone</b></th>
<th><b>Connections</b></th>
<th><b># Posts available</b></th>
<th><b>Last Login</b></th>
<th><b>Posts</b></th>
</tr>
</thead>
<tbody>
</tbody>
</table>我想要显示类似于下图的向上/向下排序箭头。
请帮我解决这个问题。非常感谢您的帮助。谢谢。
回答 1
Stack Overflow用户
发布于 2016-09-18 22:59:28
将此图标与bootstrap (字形图标)一起使用：
<span class="glyphicon glyphicon-triangle-bottom"></span>
<span class="glyphicon glyphicon-triangle-top"></span>http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_glyph_triangle-bottom&stacked=h
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_glyph_triangle-bottom&stacked=h
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25131336
复制相关文章
相似问题
腾讯云开发者
