jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions
en.javascript.info/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/solution.md
Ilya Kantor 53d9080aad renovations
2015-02-08 10:03:24 +03:00

1,014 B
Raw Blame History

Подсказка (обработчик)

  1. Обработчик `onclick` можно повесить один, на всю таблицу или `THEAD`. Он будет игнорировать клики не на `TH`.
  2. При клике на `TH` обработчик будет получать номер из `TH`, на котором кликнули (`TH.cellIndex`) и вызывать функцию `sortColumn`, передавая ей номер колонки и тип.
  3. Функция `sortColumn(colNum, type)` будет сортировать.

Подсказка (сортировка)

Функция сортировки:

  1. Переносит все `TR` из `TBODY` в массив `rowsArr`
  2. Сортирует массив, используя `rowsArr.sort(compare)`, функция `compare` зависит от типа столбца.
  3. Добавляет `TR` из массива обратно в `TBODY`