Таблицы
Ниже приведены некоторые варианты оформления таблиц на сайте. Возможны комбинации вариантов и индивидуальное цветовое оформление.
Table #1
Плавающая ширина колонок. Горизонтальная граница разделения строк.
| column 1 | column 2 | column 3 | column 4 |
|---|---|---|---|
| Lorem ipsum | text | Nulla facilisi | 10 |
| Lorem ipsum dolor | text | Nulla facilisi | 10 |
| Lorem ipsum dolor sit amet | text | Nulla facilisi | 20 |
| Lorem ipsum dolor sit | text | Nulla facilisi | 30 |
Table #2
Фиксированная ширина колонок. Произвольная конфигурация заголовков таблицы. Рамки. Цветной фон заголовков
| n/n | column 2 | column 3 + 4 | column 5 | |
|---|---|---|---|---|
| column 3 | column 4 | |||
| 1 | Lorem ipsum | text | text | 1000 |
| 2 | Lorem ipsum dolor sit amet, consectetur adipiscing elit | text | text | 3000 |
| 3 | Lorem ipsum dolor sit | text | text | 2000 |
Table #3
Фиксированная ширина колонок. Выделение строки при наведении.
| column 1 | column 2 | column 3 |
|---|---|---|
| Lorem ipsum | text | text |
| Lorem ipsum dolor sit amet, consectetur | text | text |
| Lorem ipsum dolor sit amet, consectetur | text | text |
| Lorem ipsum dolor sit amet | text | text |
Table #4
Плавающая ширина колонок. Последовательное чередование цветных полос.
| column 1 | column 2 | column 3 | column 4 |
|---|---|---|---|
| text | Lorem ipsum | text | text |
| text | Lorem ipsum dolor | text | text |
| text | Lorem ipsum dolor sit amet | text | text |
| text | Lorem ipsum dolor sit | text | text |
При большом количестве столбцов, а так же на мобильных устройствах и при малых разрешениях экрана, в нижней части таблиц добавляется горизонтальная полоса прокрутки.