Сортировка HTML таблицы на JavaScript
Добавляем сортировку для HTML-таблицы при помощи JavaScript. Сортируем таблицу по любому из столбцов.
00:00 Постановка задачи
01:55 Основные пункты в написании кода сортировки таблицы
06:00 Получаем ГОЛОВУ таблицы
08:20 Получаем ТЕЛО таблицы
09:40 Получаем ячейки ГОЛОВЫ (th)
11:10 Получаем записи ТЕЛА (tr)
11:50 Объявляем переменную позиции и состояния переключателя
13:00 Пишем слушателя события клика по таблице
14:20 Пишем обработчик события клика по ячейкам из шапки таблицы
16:55 Тестируем обработку событий клика по таблице
19:20 Условие сравнения нажатого элемента с нужным для сортировки
21:10 Передаём объект события в обработчик
22:00 Получаем цель события клика
24:10 Пишем условие сравнения родителей ячеек
25:40 Получаем значение для позиции
29:00 Пишем обработчик самой сортировки
31:35 Работаем с переключателем
32:45 Две функции сортировки по возрастанию и по убыванию для элементов (tr) ТЕЛА таблицы
34:40 Метод замены детей ТЕЛА таблицы
36:10 Логика сортировки объектов (tr)
43:20 Переносим логику сортировки в код двух функций ASC и DESC
45:35 Зачем мы создали одну большую функцию для приёма таблицы?
47:45 !!! ТЕСТ СОРТИРОВКИ HTML-таблицы !!!
49:05 Нюансы сортировок в JavaScript
52:20 Конец
Благодарю за просмотр!
Вы можете поддержать канал монеткой - Номер карты - 4276 5500 2378 3189
Ваша материальная поддержка придаст мне больше мотивации на создание нового материала.