Довідка:Ознайомлення з форматуванням таблиць/5

Розширення таблиць
Додавання рядків і стовпців

Таблиці з функцією сортування
Як збільшити можливості читачів

Просунуте форматування
Використання HTML

Підсумок
Огляд того, чого Ви навчились

Загалом, рекомендовано застосовувати стандартне вікіпедійне форматування для таблиць. За деяких обставин, однак, може виникнути необхідність скористатися дещо складнішим форматуванням за допомогою CSS. Вигляд кожної комірки можна контролювати через додавання style=" " | перед вмістом такої комірки. CSS-форматування додається до заголовків та описів у такий же спосіб.

Для вмісту комірок

| style="" | Р1С1
| style="" | Р1С2
| style="" | Р1С3

Для заголовків

! style="" | Заголовок С1
! style="" | Заголовок С2
! style="" | Заголовок С3

Будь-які CSS-атрибути можна додавати до style=" " |.

Найчастіше вживані атрибути
Властивість	Значення	Приклад
background	колір тла	`background:yellow`
color	колір тексту	`color:blue`
width	ширина комірок	`width:100px`
border-width	ширина рамки	`border-width:3px`
text-align	Вирівнювання тексту в межах комірки	`text-align:center`

Наприклад, ось така таблиця містить форматування для окремих комірок

{| class="wikitable"
|+ Опис: деякі комірки — жовті.
|-
! Заголовок 1
! Заголовок 2
! Заголовок 3
|-
| style="background: yellow" | Р1С1
| Р1C2
| style="background: yellow" | Р1С3
|-
| Р2С1
| style="background: yellow" | Р2С2
| Р2С3
|}

У результаті таблиця виглядатиме так:

Опис: деякі комірки — жовті.
Заголовок 1	Заголовок 2	Заголовок 3
Р1С1	Р1С2	Р1С3
Р2С1	Р2С2	Р2С3

CSS-атрибути можна додавати до всієї таблиці, відредагувавши перший рядок коду таблиці (тобто її початок), ось так: {| style=" ". Так само атрибути можна застосовувати й до усього рядка комірок таблиці, ось так: |- style=" " Приклад нижче заповнив би всю таблицю жовтим тлом.

{| class="wikitable" style="background: yellow"

Усі ці опції форматування слід застосовувати ощадно. Таблиці з божевільними кольорами важко читати.

Приховані коментарі

У складних таблицях буває корисно використовувати приховані коментарі, щоб пояснювати форматування. Ці приховані коментарі видно лише під час редагування сторінки; їх не видно при читанні (звідси й назва «приховані»). Коментарі можна додавати, поміщаючи їх між .

| Р1С1 || Р1С2 ||Р1С3 

Далі >>

Повний посібник

Таблиці у Візуальному редакторі