Difference between revisions of "RU/rules/design tables"

From Wiki
Jump to navigationJump to search
(Обновлено форматирование в соответствии с Инструкцией «О написании инструкций»)
Line 1: Line 1:
{{DISPLAYTITLE:RU: Рекомендации по оформлению таблиц}}
+
<section begin=title /><noinclude>{{DISPLAYTITLE:</noinclude>Инструкция. Оформление таблиц<noinclude>}}</noinclude><section end=title />{{BreadCrumbL10n}}
 
__NOTOC__
 
__NOTOC__
 
+
{{Rules}}
Для оформления таблиц рекомендуется устанавливать ширину в 100% ширины страницы и применять специальный класс:
+
<section begin=toc/>
{{RUcode|50|<nowiki>class="prettytable" style="width:100%"</nowiki>}}
+
{{Doc/doc/code/tbl/begin
Для столбцов рекомендуется явно устанавливать ширину в процентах.
+
|l1=РУС
 
+
}}
'''Пример:'''
+
{{Doc/doc/code/tbl/titleL1L2
{|
+
|nom=1.
wiki это будет выглядеть следующим образом:
+
|l1=Стиль таблиц
|&nbsp;
+
|l2=
|&nbsp;
+
|level=2
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.1.
 +
|l1=В зоне RU для оформления таблиц следует применять специальный класс:
 +
|l2=
 +
}}
 
|-
 
|-
 
|
 
|
<pre>{| class="prettytable" style="width:100%"
+
| colspan="2" !
  !style="width:33%"|Первый столбец
+
{{RUcode|20|<nowiki>class="prettytable" style="width:100%"</nowiki>}}
  !style="width:33%"|Второй столбец
+
{{Doc/doc/code/tbl/strL10n
  !style="width:33%"|Третий столбец
+
  |nom=1.2.
 +
|l1=Для оформления таблиц рекомендуется устанавливать ширину в 100% ширины страницы.
 +
|l2=
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.3.
 +
|l1=Для столбцов рекомендуется явно устанавливать ширину в процентах.
 +
  |l2=
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.4.
 +
  |l1='''Пример:'''
 +
|l2=
 +
}}
 +
{{Doc/doc/code/tbl/exampleBegin}}
 
  |-
 
  |-
  !Первая строчка
+
  |<pre>{| class="prettytable" style="width:100%"
  |Ячейка 2*1
+
  !style="width:25%"|Первый столбец
|Ячейка 3*1
+
  !style="width:25%"|Второй столбец
 +
  !style="width:25%"|Третий столбец
 +
  !style="width:25%"|Четвёртый столбец
 +
  |-
 +
  !Заголовок первой строки
 +
  |Ячейка 2*1
 +
  |Ячейка 3*1
 +
  |Ячейка 4*1
 +
  |-
 +
  !Заголовок второй строки
 +
  |colspan="2" |Объединение столбцов - Ячейка 2*2 Ячейка 3*2
 +
  |Ячейка 4*2
 +
  |-
 +
  !Заголовок третьей строки
 +
  |Ячейка 2*3
 +
  |Ячейка 3*3
 +
  |rowspan="2" |Объединение строк Ячейка 4*3 Ячейка 4*4
 +
  |-
 +
  !Заголовок четвёртой строки
 +
  |Ячейка 2*4
 +
  |Ячейка 3*4
 +
  |}</pre>
 +
|
 +
  {| class="prettytable" style="width:100%"
 +
  !style="width:25%"|Первый столбец
 +
  !style="width:25%"|Второй столбец
 +
  !style="width:25%"|Третий столбец
 +
  !style="width:25%"|Четвёртый столбец
 +
  |-
 +
  !Заголовок первой строки
 +
  |Ячейка 2*1
 +
  |Ячейка 3*1
 +
  |Ячейка 4*1
 +
  |-
 +
  !Заголовок второй строки
 +
  |colspan="2" |Объединение столбцов - Ячейка 2*2 Ячейка 3*2
 +
  |Ячейка 4*2
 +
  |-
 +
  !Заголовок третьей строки
 +
  |Ячейка 2*3
 +
  |Ячейка 3*3
 +
  |rowspan="2" |Объединение строк Ячейка 4*3 Ячейка 4*4
 +
  |-
 +
  !Заголовок четвёртой строки
 +
  |Ячейка 2*4
 +
  |Ячейка 3*4
 +
  |}
 +
{{Doc/doc/code/tbl/exampleEnd}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.4.1.
 +
|l1=В классе <code>class="prettytable"</code> заголовки подсвечиваются.
 +
|l2=
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.4.2.
 +
|l1=Заголовок ячейки оформляется восклицательным знаком ('''!''') вместо вертикальной черты ('''<nowiki>|</nowiki>''').
 +
|l2=
 +
}}
 +
{{Doc/doc/code/tbl/titleL1L2
 +
|nom=2.
 +
|l1=Расширенные возможности форматирования таблиц
 +
|l2=
 +
|level=2
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=2.1.
 +
|l1=Для создания автоматически сортируемых таблиц нужно использовать специальный класс <code>"prettytable sortable"</code>.
 +
|l2=
 +
}}
 +
{{Doc/doc/code/tbl/exampleBegin}}
 
  |-
 
  |-
  !Вторая строчка
+
  |<pre>{| class="prettytable sortable" style="width:100%"
|Ячейка 2*2
+
  !style="width:33%"|Первый столбец
|Ячейка 3*2
+
  !style="width:33%"|Второй столбец
|-
+
  !style="width:33%"|Третий столбец
!Третья строчка
+
  |-
|Ячейка 2*3
+
  !5. Первая строчка
|Ячейка 3*3
+
  |в. Ячейка 2*1
 +
  |3. Ячейка 3*1
 +
  |-
 +
  !7. Вторая строчка
 +
  |б. Ячейка 2*2
 +
  |8. Ячейка 3*2
 +
  |-
 +
  !2. Третья строчка
 +
  |а. Ячейка 2*3
 +
  |1. Ячейка 3*3
 
  |}</pre>
 
  |}</pre>
|
+
  |
{| cellspacing="10"
+
  {| class="prettytable sortable" style="width:100%"
  |&nbsp;
+
  !style="width:33%"|Первый столбец
|&nbsp;
+
  !style="width:33%"|Второй столбец
|}
+
  !style="width:33%"|Третий столбец
|
+
  |-
{| class="prettytable" style="width:100%"
+
  !5. Первая строчка
!style="width:33%"|Первый столбец
+
  |в. Ячейка 2*1
!style="width:33%"|Второй столбец
+
  |3. Ячейка 3*1
!style="width:33%"|Третий столбец
+
  |-
|-
+
  !7. Вторая строчка
!Первая строчка
+
  |б. Ячейка 2*2
|Ячейка 2*1
+
  |8. Ячейка 3*2
|Ячейка 3*1
+
  |-
|-
+
  !2. Третья строчка
!Вторая строчка
+
  |а. Ячейка 2*3
|Ячейка 2*2
+
  |1. Ячейка 3*3
|Ячейка 3*2
+
  |}
|-
+
{{Doc/doc/code/tbl/exampleEnd}}
!Третья строчка
+
{{Doc/doc/code/tbl/end}}
|Ячейка 2*3
+
<section end=toc/>
|Ячейка 3*3
 
|}
 
|}
 
 
 
В классе <code>class="prettytable"</code> заголовки подсвечиваются.
 
  
Заголовок ячейки оформляется восклицательным знаком ('''!''') вместо вертикальной черты ('''|''').
 
 
 
Для создания автоматически сортируемых таблиц нужно использовать специальный класс '''"prettytable sortable"'''
 
{|
 
|В wiki это будет выглядеть следующим образом:
 
|&nbsp;
 
|&nbsp;
 
|-
 
|
 
<pre>{| class="prettytable sortable" style="width:100%"
 
!style="width:33%"|Первый столбец
 
!style="width:33%"|Второй столбец
 
!style="width:33%"|Третий столбец
 
|-
 
!5. Первая строчка
 
|в. Ячейка 2*1
 
|3. Ячейка 3*1
 
|-
 
!7. Вторая строчка
 
|б. Ячейка 2*2
 
|8. Ячейка 3*2
 
|-
 
!2. Третья строчка
 
|а. Ячейка 2*3
 
|1. Ячейка 3*3
 
|}</pre>
 
|
 
{| cellspacing="10"
 
|&nbsp;
 
|&nbsp;
 
|}
 
|
 
{| class="prettytable sortable" style="width:100%"
 
!style="width:33%"|Первый столбец
 
!style="width:33%"|Второй столбец
 
!style="width:33%"|Третий столбец
 
|-
 
!5. Первая строчка
 
|в. Ячейка 2*1
 
|3. Ячейка 3*1
 
|-
 
!7. Вторая строчка
 
|б. Ячейка 2*2
 
|8. Ячейка 3*2
 
|-
 
!2. Третья строчка
 
|а. Ячейка 2*3
 
|1. Ячейка 3*3
 
|}
 
|}
 
  
 +
<section begin=signature/>
 
{{RUsignyear|Sancho|А. Е. Харламенков|2010}}
 
{{RUsignyear|Sancho|А. Е. Харламенков|2010}}
 
+
<!--
{{RUBottom}}
+
{{RUsigntransEng|Lew Wadoo|Evgeny S. Mikhaylov}}
 +
-->
 +
{{RUrulesBottom}}
 +
<section end=signature/>

Revision as of 15:30, 8 November 2010

Rules.png




РУС ENG
1.

Стиль таблиц    —    

1.1. В зоне RU для оформления таблиц следует применять специальный класс:
colspan="2" !

Template:RUcode

1.2. Для оформления таблиц рекомендуется устанавливать ширину в 100% ширины страницы.
1.3. Для столбцов рекомендуется явно устанавливать ширину в процентах.
1.4. Пример:
Шаблон    —    template Результат    —    result
{| class="prettytable" style="width:100%"
  !style="width:25%"|Первый столбец
  !style="width:25%"|Второй столбец
  !style="width:25%"|Третий столбец
  !style="width:25%"|Четвёртый столбец
  |-
  !Заголовок первой строки
  |Ячейка 2*1
  |Ячейка 3*1
  |Ячейка 4*1
  |-
  !Заголовок второй строки
  |colspan="2" |Объединение столбцов - Ячейка 2*2 Ячейка 3*2
  |Ячейка 4*2
  |-
  !Заголовок третьей строки
  |Ячейка 2*3
  |Ячейка 3*3
  |rowspan="2" |Объединение строк Ячейка 4*3 Ячейка 4*4
  |-
  !Заголовок четвёртой строки
  |Ячейка 2*4
  |Ячейка 3*4
  |}
Первый столбец Второй столбец Третий столбец Четвёртый столбец
Заголовок первой строки Ячейка 2*1 Ячейка 3*1 Ячейка 4*1
Заголовок второй строки Объединение столбцов - Ячейка 2*2 Ячейка 3*2 Ячейка 4*2
Заголовок третьей строки Ячейка 2*3 Ячейка 3*3 Объединение строк Ячейка 4*3 Ячейка 4*4
Заголовок четвёртой строки Ячейка 2*4 Ячейка 3*4
1.4.1. В классе class="prettytable" заголовки подсвечиваются.
1.4.2. Заголовок ячейки оформляется восклицательным знаком (!) вместо вертикальной черты (|).


2.

Расширенные возможности форматирования таблиц    —    

2.1. Для создания автоматически сортируемых таблиц нужно использовать специальный класс "prettytable sortable".
Шаблон    —    template Результат    —    result
{| class="prettytable sortable" style="width:100%"
   !style="width:33%"|Первый столбец
   !style="width:33%"|Второй столбец
   !style="width:33%"|Третий столбец
   |-
   !5. Первая строчка
   |в. Ячейка 2*1
   |3. Ячейка 3*1
   |-
   !7. Вторая строчка
   |б. Ячейка 2*2
   |8. Ячейка 3*2
   |-
   !2. Третья строчка
   |а. Ячейка 2*3
   |1. Ячейка 3*3
 |}
Первый столбец Второй столбец Третий столбец
5. Первая строчка в. Ячейка 2*1 3. Ячейка 3*1
7. Вторая строчка б. Ячейка 2*2 8. Ячейка 3*2
2. Третья строчка а. Ячейка 2*3 1. Ячейка 3*3



Template:RUsignyear






К началу страницы