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

From Wiki
Jump to navigationJump to search
(основной текст)
 
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{DISPLAYTITLE:RU: Рекомендации по оформлению таблиц}}
+
<includeonly><section begin=rus />Инструкция. Оформление таблиц<section end=rus /></includeonly>
 +
<includeonly><section begin=lat />Guidelines. Tables formatting<section end=lat /></includeonly>
 +
<section begin=title /><noinclude>{{DISPLAYTITLE:</noinclude>Инструкция. Оформление таблиц{{Doc/doc/code/tbl/titleSeparator}}Guidelines. Tables formatting<noinclude>}}</noinclude><section end=title />{{RUkbUpToc}}{{BreadCrumbL10n}}
 
__NOTOC__
 
__NOTOC__
−
 
+
{{Rules}}
−
Для оформления таблиц рекомендуется применять специальный класс:
+
<section begin=toc/>
−
{{RU/code|50|<nowiki>class="prettytable"</nowiki>}}
+
{{Doc/doc/code/tbl/begin
−
'''Пример:'''
+
|l1=РУС
−
{|
+
}}
−
|Для последней таблицы можно написать так:
+
{{Doc/doc/code/tbl/titleL1L2
−
|&nbsp;
+
|nom=1.
−
|В Википедии это будет выглядеть следующим образом:
+
|l1=Стиль таблиц
 +
|l2=Tables style
 +
|level=2
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.1.
 +
|l1=В зоне RU для оформления таблиц следует применять специальный класс:
 +
|l2=A special class is provided for creating tables in Zone RU:
 +
}}
 
|-
 
|-
 
|
 
|
−
<pre>{| class="prettytable"
+
| colspan="2" |
−
  !Первый столбец
+
<source lang="bash">
−
  !Второй столбец
+
class="prettytable" style="width:100%"
−
  !Третий столбец
+
</source>
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.2.
 +
|l1=Для оформления таблиц рекомендуется устанавливать ширину в 100&nbsp;% ширины страницы.
 +
|l2=A table width should be 100&nbsp;% of a page width.
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.3.
 +
|l1=Для столбцов рекомендуется явно устанавливать ширину в процентах.
 +
|l2=For each column it is advisable to explicitly set width on a percentage base.
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
  |nom=1.4.
 +
  |l1='''Пример:'''
 +
  |l2='''Example:'''
 +
}}
 +
{{Doc/doc/code/tbl/exampleBegin}}
 
  |-
 
  |-
−
  !Первая строчка
+
  |style="width:50%"|<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>
 +
|style="width:50%"|
 +
  {| 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>"prettytable"</code> заголовки выделяются.
 +
|l2=In the <code>"prettytable"</code> class headings are highlighted.
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=1.4.2.
 +
|l1=Заголовок ячейки оформляется восклицательным знаком ('''!''') вместо вертикальной черты ('''<nowiki>|</nowiki>''').
 +
|l2=An exclamation mark ('''!''') instead of a spike ('''<nowiki>|</nowiki>''') should be placed to form a cell heading.
 +
}}
 +
{{Doc/doc/code/tbl/titleL1L2
 +
|nom=2.
 +
|l1=Расширенные возможности форматирования таблиц
 +
|l2=Advanced features of table formatting
 +
|level=2
 +
}}
 +
{{Doc/doc/code/tbl/strL10n
 +
|nom=2.1.
 +
|l1=Для создания автоматически сортируемых таблиц нужно использовать специальный класс <code>"prettytable sortable"</code>.
 +
|l2=There is a special class <code>"prettytable sortable"</code> for making tables sortable.
 +
}}
 +
{{Doc/doc/code/tbl/exampleBegin}}
 
  |-
 
  |-
−
  !Вторая строчка
+
  |style="width:50%"|<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>
−
|
+
  |style="width:50%"|
−
  {| cellspacing="10"
+
  {| class="prettytable sortable" style="width:100%"
−
|&nbsp;
+
  !style="width:33%"|Первый столбец
−
|&nbsp;
+
  !style="width:33%"|Второй столбец
−
|}
+
  !style="width:33%"|Третий столбец
−
|
+
  |-
−
{| class="prettytable"
+
  !5. Первая строчка
−
!Первый столбец
+
  |в. Ячейка 2*1
−
!Второй столбец
+
  |3. Ячейка 3*1
−
!Третий столбец
+
  |-
−
|-
+
  !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> заголовки подсвечиваются.
 
−
 
 
−
Заголовок ячейки оформляется восклицательным знаком ('''!''') вместо вертикальной черты ('''|''').
 
−
 
 
−
 
 
  
−
{{RU/documentation/signyear|Sancho|А. Е. Харламенков|2010}}
 
  
−
{{RUВottom}}
+
<section begin=signature/>
 +
{{SignYear|Sancho|А. Е. Харламенков|2010}}
 +
{{SignTrans|EN|Lew Wadoo|Evgeny S. Mikhaylov}}
 +
{{RUrulesBottom}}
 +
<section end=signature/>

Latest revision as of 20:27, 4 September 2011


CardCatalog.png

Содержание

Rules.png




№ РУС ENG
1.

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

1.1. В зоне RU для оформления таблиц следует применять специальный класс: A special class is provided for creating tables in Zone RU: 
class="prettytable" style="width:100%"
1.2. Для оформления таблиц рекомендуется устанавливать ширину в 100 % ширины страницы. A table width should be 100 % of a page width.
1.3. Для столбцов рекомендуется явно устанавливать ширину в процентах. For each column it is advisable to explicitly set width on a percentage base.
1.4. Пример: Example:
Шаблон    —    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. В классе "prettytable" заголовки выделяются. In the "prettytable" class headings are highlighted.
1.4.2. Заголовок ячейки оформляется восклицательным знаком (!) вместо вертикальной черты (|). An exclamation mark (!) instead of a spike (|) should be placed to form a cell heading.


2.

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

2.1. Для создания автоматически сортируемых таблиц нужно использовать специальный класс "prettytable sortable". There is a special class "prettytable sortable" for making tables 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







Translator:
Evgeny S. Mikhaylov







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


Retrieved from "https://wiki.harlamenkov.ru/index.php?title=RU/rules/design_tables&oldid=16260"