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

From Wiki
Jump to navigationJump to search
({{RUBottom}})
(prettytable sortable)
Line 60: Line 60:
  
  
 +
Для создания автоматически сортируемых таблиц нужно использовать специальный класс '''"prettytable sortable"'''
 +
{|
 +
|В wiki это будет выглядеть следующим образом:
 +
| 
 +
| 
 +
|-
 +
|
 +
<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
 +
|}
 +
|}
  
 
{{RU/documentation/signyear|Sancho|А. Е. Харламенков|2010}}
 
{{RU/documentation/signyear|Sancho|А. Е. Харламенков|2010}}
  
 
{{RUBottom}}
 
{{RUBottom}}

Revision as of 17:03, 30 June 2010


Для оформления таблиц рекомендуется устанавливать ширину в 100% ширины страницы и применять специальный класс: Template:RU/code Для столбцов рекомендуется явно устанавливать ширину в процентах.

Пример:

В wiki это будет выглядеть следующим образом:     
{| class="prettytable" style="width:100%"
 !style="width:33%"|Первый столбец
 !style="width:33%"|Второй столбец
 !style="width:33%"|Третий столбец
 |-
 !Первая строчка
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 !Вторая строчка
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 !Третья строчка
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2*1 Ячейка 3*1
Вторая строчка Ячейка 2*2 Ячейка 3*2
Третья строчка Ячейка 2*3 Ячейка 3*3

В классе class="prettytable" заголовки подсвечиваются.

Заголовок ячейки оформляется восклицательным знаком (!) вместо вертикальной черты (|).


Для создания автоматически сортируемых таблиц нужно использовать специальный класс "prettytable sortable"

В wiki это будет выглядеть следующим образом:     
{| 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:RU/documentation/signyear





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

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