vyshkant
@vyshkant
developer

Как сделать сортировку динамической таблицы в Javascript?

Здравствуйте!
Есть сайт, на нем отображается "базовая" таблица, состоящая из нескольких колонок и строк.
<table border="1">
    <thead>
        <tr class="table_header">
            <th class="sort">Col 1</th>
            <th>Col 2</th>
            <th class="sort">Col 3</th>
        </tr>
    </thead>
    <tbody>
        <tr data-id="15">
            <td>
                <span class="text">11111</span>
                <input size="23" type="text" value="11111" class="editbox" />
            </td>
            <td>
                <span class="text description">tt</span>
                <textarea cols="35" class="editbox">tt</textarea>
            </td>
            <td>
                <span>22222</span>
            </td>
        </tr>
    </tbody>
</table>

Также в ходе работы количество строк может меняться, а также может меняться их содержимое.
Нужно прикрутить к таблице сортировку по первой и третьей колонке (отмечены ).
Как можно видеть, данные, по которым надо сортировать, находятся не непосредственно в , а во вложенных элементах, отчего найденные мною готовые решения работать не хотели.
Также сложности добавляет динамичность таблицы: как по количеству строк, так и по их содержимому. Т.е. в случае изменения содержимого таблицы (добавления строки или изменения существующе) необходимо сортировать по-новому.

Как лучше всего реализовать это? Есть ли уже готовые решения, работающие в описанных выше условиях? Спасибо.
  • Вопрос задан
  • 1674 просмотра
Решения вопроса 1
Antonoff
@Antonoff
Разработчик
Советую воспользоватся лучше готовым, jQuery плагином под названием Tablesorter
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы