Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!
Таблицы, созданные с помощью CSS: современные и продвинутые решения
Опубликовано Февраль 13th, 2008 в Web-разработка |
Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
Неоспоримым является тот факт, что хранить информацию в таблицах удобно и компактно. Для улучшения визуального отображения и четкости структуры таблицы было решено воспользоваться средствами CSS.
Результаты просто отличные, превзошли всяческие ожидания. Ниже Вам будут представлены около 30 вариантов таблиц, созданных с использованием современных и продвинутых решений CSS.
Если Вам, уважаемый посетитель, интересно изучить материал по созданию таких форм, то я специально для Вас подготовлю данный материал и опубликую его на сайте! Поэтому, если что, отписывайтесь в комментах!
Zebra-таблицы
2. Zebra Tables
4. Splintered striper: Enhanced Zebra Stripes
5. Standardista Table Sorting (A client-side JavaScript Table Sort module)
6. Designing Tables with Stylesheets
7. SortedTable instructions and examples v0.8f
8. A CSS Styled Table by Veerle Pieters
11. Data Tables and Cascading Style Sheets Gallery - 78 CSS дизайнов оформления таблиц
13. Filtering Table
14. Stripe your tables the OO way
15. Unobtrusive Table Sort Script (Revisited)
16. Brainjar.com: DHTML Table Sort
17. Table sorting JavaScript: Unobtrusive and with alternating row colors
Таблицы с различными функциями (сортировка, фильтры)
19. Table with sorting and autofilter
20. Reformat the Table и Reformat the Table 2
23. How to create and style accessible tables
24. Sort Table Rows с Javascript
25. The Table Ruler
26. sorttable: Make all your tables sortable
29. Unobtrusive Table Sort Script
30. Dynamic Sorting of HTML-tables via XSLT
Инструментарий
Ссылки на полезные ресурсы по теме
- Accessible Data Tables
- Advanced HTML Tables and CSS Tutorial
- Alter Table Row Background Colors Using JavaScript
- Bring on the tables: Роджер Йоханссон объясняет, когда и для каких целей использовать таблицы.
- Create tables that transform gracefully
- Designing Data: Table structure
- Ein Herz f?r Tabellen
- How to paginate, sort and search a table with Ajax and Rails
- HTML Tables best practice Презентация
- Refining Data Tables
- Tables and CSS Tutorials
- Table Manners
- Tablesorter plugin for jQuery
- Table Sorting with Prototype
Оригинал статьи: CSS-Based Tables: Modern Solutions
Современные и продвинутые решения исполнения элементов веб-страниц с помощью CSS:
- Формы, созданные с помощью CSS: современные и продвинутые решения
- Таблицы, созданные с помощью CSS: современные и продвинутые решения
- Футеры, созданные с помощью CSS: современные и продвинутые решения
Похожие статьи по блогингу и веб-местерингу:
Fatal error: Call to undefined function: similar_posts() in /home/u82003/w3school.ru/www/blog/wp-content/themes/w3school-blog/single.php on line 35