Как показывают загрузочный стол с значок сортировки

Я новичок в ушко, у меня есть требование, чтобы показать таблицу с сортировкой вверх и вниз стрелку рядом с названием стола. Это мой структура таблицы 

<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>

Я хочу, чтобы отобразить сортировать стрелки вверх/вниз как на рисунке.

Пожалуйста, помогите мне решить эту проблему. Ваша помощь будет высоко ценится. Спасибо.

Dibish
Редактировал вопрос 5-го августа 2014 в 4:49
Программирование
twitter-bootstrap-3 twitter-bootstrap
5-го августа 2014 в 4:41
26 просмотров
Комментарии к вопросу (2)
Решение

Вы можете попробовать использовать FontAwesome. Он содержит своего рода-икона (http://fontawesome.io/icon/sort/).

Чтобы сделать это, вы бы

  1. нужно включать fontawesome:

<соединение href=" по - //maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" отн="в таблицу" и>

  1. и затем просто использовать fontawesome значок вместо стандартного-загрузки-иконки в ом'ы:

<й><б>#</б> <I класс=то"фа-фа-фу-ФА-сорт" и></а></й>

Надеюсь, что помогает.

nozzleman
Редактировал ответ 5-го августа 2014 в 9:08
Комментарии (4)

Используйте эти значки с 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&столбик=ч

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_glyph_triangle-bottom&столбик=ч

Dudi
Редактировал ответ 19-го сентября 2016 в 6:56
Комментарии (5)

Если вам нужно только показать стрелками вверх/вниз вы есть решение. Если вы хотите им работать, вы можете использовать это загрузочный стол

Tudor
Редактировал ответ 29-го марта 2017 в 2:33
Комментарии (0)