SKIP TO CONTENT

Из CSV в веб-приложение

beginner~15 мин0/4 шаги

Из CSV в веб-приложение

Вы умеете делать запросы к данным. Вы умеете нарезать их в SQL. Теперь научитесь их показывать.

Таблица в электронной таблице невидима для мира. Таблица в браузере — это продукт. В этом уроке вы создадите интерактивный HTML-дашборд с данными — с сортируемыми заголовками, цветовой кодировкой строк и итоговой строкой — с нуля. Без Python, без Pandas. Только HTML и Tailwind.

Инструкции

1

Добавьте заголовок <h1> для дашборда — какие данные здесь отображаются?

Подсказка: Попробуйте: `<h1 class="text-2xl font-bold text-white">Product Analytics</h1>`

2

Добавьте <table> с <thead>, содержащим не менее 3 заголовков столбцов (<th>)

3

Добавьте <tbody> с не менее чем 4 строками данных (<tr>) — заполните реалистичными числами

4

Добавьте итоговую строку внизу: <tr class="summary-row"> с жирными итогами для каждого столбца

Ваш код

html
21 строки
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Живой просмотр

Живой просмотр