Блог

Главная - Вопросы по программированию - помощь с jquery table sorter

помощь с jquery table sorter

#jquery

#jquery

Вопрос:

Я пытаюсь заставить работать плагин jQuery для сортировки таблиц, но безуспешно. Кто-нибудь может сказать мне, что не так?

Я получаю окно предупреждения «jquery загружен» и трижды проверил путь к файлу javascript tablesorter.

 <html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"  />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.tablesorter.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            if (jQuery) {
                alert("jquery loadedd");
            }
            $("#foobar").tablesorter();
        }
    );
    </script>
    <title>Title</title>
</head>
<body>

<table id="foobar" class="tablesorter">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Nuno</td>
            <td>20</td>
        </tr>
    </tbody>
</table>
</body>
</html>

Комментарии:

1. вы пробовали это с большим количеством строк таблицы? вы проверили элементы и убедились, что применены соответствующие классы? я полагаю, что по умолчанию это .header, .headerSortDown, .headerSortUp.

2. Я протестировал это в скрипте с большим количеством данных, и это работает без проблем ( jsfiddle.net/sgbVS — у меня нет прикрепленной таблицы стилей, но нажмите на заголовки столбцов <th>’s) у вас случайно нет живого примера?

3. на самом деле это работает. я думал, что это автоматически появится с макетом, показанным на сайте автора. спасибо за вашу помощь; P

Ответ №1:

я рад, что это работает. css тоже сначала через меня для быстрого цикла.

обязательно используйте авторский css, но в основном для оформления вам нужны классы .header, .headerSortDown и .headerSortUp. Вы также можете настроить классы, которые получает таблица. Я также обнаружил, что система виджетов tablesorters приятна и легко настраивается. Примером виджета по умолчанию является чередование zebra.

Ответ №2:

Еще одна сложная вещь, которую я только что узнал, заключается в том, что вам нужно, чтобы в вашей разметке были элементы thead и tbody (которые у вас были, но этот пост появился в поиске Google, и это может помочь другим). Перенос старого кода и использование встроенного в браузер инспектора могут на некоторое время ввести вас в заблуждение 😉