Taiwlind CSS: правильно показуємо таблиці на мобільних прис

В даному відео будемо говорити про таблиці та їхню адаптивність. На жаль табличні дані не завжди адаптивні та не завжди виходить їх красиво відобразити. Проте таблиці часто трапляються нам на сторінках і потрібно вміти табличні структуровані дані адаптувати правильно, щоб при перегляді на різноманітних пристроях ваші таблиці мали чудовий вигляд. -------------------------------------------------------------------------------------------------------------------- Taiwlind CSS: correctly display tables on mobile devices. In this video, we will talk about tables and their adaptability. Unfortunately, tables data are not always responsive and it is not always possible to display them beautifully. However, tables are often found on our pages, and you need to be able to adapt tables structured data correctly so that your tables look great when viewed on various devices. #tailwindcss #webdevelopment ************************************************************ 00:00 - Вступ 00:45 - Пишемо базову розмітку 01:55 - Тег table 02:05 - Тег tr 02:16 - Тег td 03:04 - Тег th 03:50 - Тег thead 04:10 - Тег tbody 04:45 - Стилізуємо з Tailwind CSS 11:50 - Готовий результат на mobile 12:17 - Робимо прилипаючий (sticky) хедер нашої таблиці на desktop ************************************************************ 🧑💻 Готовий приклад: https://play.tailwindcss.com/qsObpjZAva?layout=preview