Как я могу сделать таблицу способной сортировать с помощью Twitter Bootstrap?

Я хочу знать, как сделать так, чтобы моя таблица могла сортироваться с помощью Twitter Bootstrap? Какие вещи следует учитывать?


html css twitter-bootstrap tablesorter
person Brained Washed    schedule 29.09.2012    source источник
comment
Я уже использую этот плагин. Я скопировал css, js и т. д. и не знаю, почему он не работает ~ _~   -  person Brained Washed    schedule 29.09.2012
comment
проверьте консоль на наличие ошибок. нажмите f12 -> консоль   -  person Ravi Gadag    schedule 29.09.2012
comment
У меня есть форк tablesorter с загрузочным тема.   -  person Mottie    schedule 11.10.2012
comment
Посмотрите здесь wenzhixin.net.cn/p/ загрузочная таблица/документы/   -  person Yuri    schedule 07.09.2015

Ответы (1)


arrow_upward
9
arrow_downward

Существует библиотека, которая обеспечивает возможность сортировки с помощью таблиц начальной загрузки.

Вот краткая демонстрация того, как его использовать.

HTML:

<table class="table table-bordered table-striped sortable">
   <thead>
      <tr>
      <th data-defaultsign="month" data-sortcolumn="1" data-sortkey="1-1">
       Date
      </th>
      </tr>
   </thead>
   <tbody>
     <tr>
        <td data-dateformat="D-M-YYYY">16.4.2004</td>
     </tr>
     <tr>
        <td data-dateformat="D-M-YYYY">6.7.2002</td>
     </tr>
     <tr>
        <td data-dateformat="D-M-YYYY">4.4.2004</td>
     </tr>
     <tr>
        <td data-dateformat="D-M-YYYY">6.6.2012</td>
     </tr>
   </tbody>
</table>

JS:

(function () {
    var $table = $('table');
    $table.on('sorted', function () {
        console.log("Table was sorted.");
    });
}());

ХТН.

person ranjithnori    schedule 05.08.2014
comment
@Kremena Рад, что это кому-то помогло! - person ranjithnori; 30.10.2016