JavaScript

Создайте страницу, содержащую таблицу данных, состоящую из тела, нижнего колонтитула и заголовка таблицы.

1. Cо связанными кнопками (или элементами формы - мы можем использовать раскрывающийся список, флажки и т. д.) в заголовке, что позволяет:

a. Cортировка таблицы по данным из выбранного столбца в порядке возрастания или убывания (достаточно числовых данных, можно также сортировать строки по алфавиту) - хотя бы один столбец с этой функцией

b. Фильтрация данных - минимум один столбец с фильтрацией минимум по 3 категориям

c. Всего не менее 3 столбцов с фильтрами или сортировкой

2. Таблица должна содержать не менее 4 столбцов и 8 строк данных (без строк верхнего и нижнего колонтитула и любого столбца с последовательными номерами)

3. Тело данных таблицы должно быть сгенерировано с использованием JavaScript из данных, описанных в JSON, XML, CSV, однако - мы можем использовать существующие решения для генерации массива из прочитанных данных

4. Нижний колонтитул таблицы должен содержать сводные данные

a. суммы и средние значения связанных столбцов

b. отдельные коллективные строки для всех данных и отдельные строки для данных из активного фильтра

c. строки с коллективными данными:

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

     - или мы помещаем их все в нижний колонтитул таблицы и поэтому не сортируем их вместе со строками из тела таблицы, а раскрашиваем необработанные данные, указывая связь с выбранной статистикой

d. Cовокупные данные должны генерироваться автоматически из данных для отдельных строк

5 . Тип данных, которые будут включены в таблицу, выбирается таким образом, чтобы было действительно иметь смысл сортировать, фильтровать и создавать коллективные данные; например:

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

b. таблица с выбранными историческими фигурами, сгруппированными по национальностям (фильтр) с данными о годах рождения и смерти (сорт) и количестве прожитых лет (для расчета среднего);

Условие 

1.  Реализация автоматической генерации HTML-таблицы с активным фильтром

2.  Реализация автоматического расчета агрегированных данных для всей таблицы

3.  Реализация автоматического расчета сводных данных для активного фильтра.

4.  Реализация сортировки данных в теле таблицы

5.  Реализация маркировки положения данных относительно среднего