Saya baru mengenal Bootstrap, saya memiliki persyaratan untuk menampilkan tabel dengan panah atas dan bawah di dekat judul tabel. Ini adalah struktur tabel saya
<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>
Saya ingin menampilkan panah atas/bawah seperti gambar berikut.
Tolong bantu saya untuk menyelesaikan masalah ini. Bantuan Anda sangat dihargai. Terima kasih.
Anda bisa mencoba menggunakan FontAwesome. Ini berisi sort-icon (http://fontawesome.io/icon/sort/).
Untuk melakukannya, Anda akan
perlu menyertakan fontawesome:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
dan kemudian cukup gunakan fontawesome-icon sebagai pengganti default-bootstrap-icons di th
's Anda:
<th><b>#</b> <i class="fa fa-fw fa-sort"></i></th>
Semoga bisa membantu.
Gunakan ikon ini dengan bootstrap (glyphicon):
<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
Jika Anda hanya perlu menampilkan panah atas/bawah, Anda memiliki solusinya. Jika Anda ingin mereka bekerja, Anda dapat menggunakan ini BOOTSTRAP TABLE