Таблицы, созданные с помощью CSS: современные и продвинутые решения

Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

Таблицы, созданные с помощью CSS: современные и продвинутые решения

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

Результаты просто отличные, превзошли всяческие ожидания. Ниже Вам будут представлены около 30 вариантов таблиц, созданных с использованием современных и продвинутых решений CSS.

Если Вам, уважаемый посетитель, интересно изучить материал по созданию таких форм, то я специально для Вас подготовлю данный материал и опубликую его на сайте! Поэтому, если что, отписывайтесь в комментах!

Zebra-таблицы

1. Redesigning a simple table

Screenshot

2. Zebra Tables

Screenshot

3. Better Zebra Tables

Screenshot

4. Splintered striper: Enhanced Zebra Stripes

Screenshot

5. Standardista Table Sorting (A client-side JavaScript Table Sort module)

Screenshot

6. Designing Tables with Stylesheets

Screenshot

7. SortedTable instructions and examples v0.8f

Screenshot

8. A CSS Styled Table by Veerle Pieters

Screenshot

9. 24ways: Tables with style

Screenshot

10. Sinnhafte Websites

Screenshot

11. Data Tables and Cascading Style Sheets Gallery — 78 CSS дизайнов оформления таблиц

Screenshot

12. Zebra Table Showdown

Screenshot

13. Filtering Table

Screenshot

14. Stripe your tables the OO way

Screenshot

15. Unobtrusive Table Sort Script (Revisited)

Screenshot

16. Brainjar.com: DHTML Table Sort

Screenshot

17. Table sorting JavaScript: Unobtrusive and with alternating row colors

Screenshot

Таблицы с различными функциями (сортировка, фильтры)

18. Replicating a tree table

Screenshot

19. Table with sorting and autofilter

Screenshot

20. Reformat the Table и Reformat the Table 2

Screenshot

21. Table not a table

Screenshot

22. CSS Style Tables Tutorial

Screenshot

23. How to create and style accessible tables

Screenshot

24. Sort Table Rows с Javascript

Screenshot

25. The Table Ruler

Screenshot

26. sorttable: Make all your tables sortable

Screenshot

27. Sortable Tables (WebFX)

Screenshot

28. Unobtrusive Table Sort Script

Screenshot

30. Dynamic Sorting of HTML-tables via XSLT

Screenshot

31. Data Generator

Ссылки на полезные ресурсы по теме

Оригинал статьи: CSS-Based Tables: Modern Solutions

Современные и продвинутые решения исполнения элементов веб-страниц с помощью CSS:

  1. Формы, созданные с помощью CSS: современные и продвинутые решения
  2. Таблицы, созданные с помощью CSS: современные и продвинутые решения
  3. Футеры, созданные с помощью CSS: современные и продвинутые решения

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*