Difference between revisions of "Manual:VisualEditor/Tables"
[unchecked revision] | [unchecked revision] |
(Created page with "{{DISPLAYTITLE:VisualEditor: insert tables}} ==Insert a table== In VisualEditor, choose "Insert > Tables" to insert a table in a page: [[File:VE-Paste-tabelle.png|220x220px]...") (Tag: Visual edit) |
(Tag: Visual edit) |
Time | Monday | Tuesday | Wednesday |
---|---|---|---|
Insert a table[edit | edit source]
In VisualEditor, choose "Insert > Tables" to insert a table in a page:
After entering the rows and columns, an empty table appears with the edit menu:
When the mouse rests on a symbol, the respective function is displayed.
Double-click in the cells to insert text:
Join rows and columns[edit | edit source]
When you click in a row, an arrow appears at the left edge of the row and at the top of the column. To connect the cells in a row or a column, click on the respective arrow and then in the edit menu on "Connect cells": 300x300px You can also connect individual cells. Hold down the Shift key and click in two or more adjacent cells. Then connect the cells. The cells must be adjacent in a row or in a column so that they can be connected.
set table properties[edit | edit source]
In the menu item Properties there are numerous settings to adjust the functionality and presentation of the table:
Property | Description |
---|---|
headline | Shows a header above the table:
After disabling the header, it is lost and must be reentered when re-enabled. |
Stylized (wikitable) | enables the default wiki look after table styles were previously selected |
Sortable | In the first row, a sort function is displayed:
The current sorting is shown in the title bar. Only one of the two sort arrows will appear in the sorted column. |
Foldable | The table can be hidden on the page via a text link. |
First folded | If the "Collapsible" property is active, this determines whether the table is visible or hidden when the wiki page is loaded. The title bar is always visible: |
exportable | |
Filterable | The filter function is activated in the title bar and allows the following actions:
|
Table style | Here you can load different style sheets for the table. |
Full table width | The table uses the full width of the wiki page, regardless of the table contents. |
table styles[edit | edit source]
The following style sheets can be selected in the Table Style menu. Click on a picture to start the gallery:
-
ve-tables-color-standard.PNG
Default
-
ve-tables-color-content.PNG
Content
-
ve-tables-color-content black.PNG
Content (black)
-
ve-tables-color-blue.PNG
Content (blue)
-
ve-tables-color-content darkblue.PNG
Content (darkblue)
-
ve-table-color-cusco sky.PNG
Cusco Sky
-
ve-tables-color-casablanca.PNG
Casablanca
-
ve-table-color-greyscale.PNG
greyscale
-
ve-table-color-greyscale narrow.PNG
greyscale (narrow)
{{DISPLAYTITLE:VisualEditor: insert tables}} =={| class="wikitable mw-collapsible mw-collapsed" |+ !Time !Monday !Tuesday !Wednesday |- | | | | |} ==Insert a table== In VisualEditor, choose "Insert > Tables" to insert a table in a page: [[File:VE-Paste-tabelleInstert, Table.png|220x220px260x260px]] After entering the rows and columns, an empty table appears with the edit menu: [[File:VE-table-eingefuegt. 1.0.png|305x305px]] When the mouse rests on a symbol, the respective function is displayed. Double-click in the cells to insert text: [[File:ve-tables-color-standard.png|250x250pxweekly.png|280x280px]] ==Join rows and columns== When you click in a row, an arrow appears at the left edge of the row and at the top of the column. To connect the cells in a row or a column, click on the respective arrow and then in the edit menu on "Connect cells": [[File:ve-tables-mergecellsDE.table 3.0.png|300x300px]] You can also connect individual cells. Hold down the Shift key and click in two or more adjacent cells. Then connect the cells. The cells must be adjacent in a row or in a column so that they can be connected. ==set table properties== In the menu item Properties there are numerous settings to adjust the functionality and presentation of the table: {| class="content table-blue" !Property !Description |- |headline |Shows a header above the table: [[File:table-ueberschriftweeklyplan.png|200x200px]] After disabling the header, it is lost and must be reentered when re-enabled. |- |Stylized (wikitable) |enables the default wiki look after table styles were previously selected |- |Sortable |In the first row, a sort function is displayed: [[File:table-sortieren.Weeklyplan 2.0.png|200x200px]] The current sorting is shown in the title bar. Only one of the two sort arrows will appear in the sorted column. |- |Foldable |The table can be hidden on the page via a text link. |- |First folded |If the "Collapsible" property is active, this determines whether the table is visible or hidden when the wiki page is loaded. The title bar is always visible: [[File:table-eingeklappt.png|frameless|320x320px]] |- |exportable | |- |Filterable |The filter function is activated in the title bar and allows the following actions: *Sort table (ascending or descending values of the active column) *Hide table columns *Filter column (only values from the current column are considered here) [[File:table-filtern.png|550x550px]] If the filter is activated, the table styles are ignored and the table is displayed in "Filter Style". After deactivating this function, the selected table style is displayed again. |- |Table style |Here you can load different style sheets for the table. |- |Full table width |The table uses the full width of the wiki page, regardless of the table contents. |} ==table styles== The following style sheets can be selected in the Table Style menu. Click on a picture to start the gallery: <gallery> File:ve-tables-color-standard.PNG|alt=Table Color Default|Default File:ve-tables-color-content.PNG|alt=TableColor Content|Content File:ve-tables-color-content_black.PNG|alt=TableColor Content Black|Content (black) File:ve-tables-color-blue.PNG|alt=TableColor Content blue|Content (blue) File:ve-tables-color-content_darkblue.PNG|alt=TableColor Content darkblue|Content (darkblue) File:ve-table-color-cusco sky.PNG|alt=table color Cusco Sky|Cusco Sky File:ve-tables-color-casablanca.PNG|alt=table color Casablanca|Casablanca File:ve-table-color-greyscale.PNG|alt=table-color Greyscale|greyscale File:ve-table-color-greyscale_narrow.PNG|alt=table color greyscale narrow|greyscale (narrow) </gallery><br />
Line 1: | Line 1: | ||
{{DISPLAYTITLE:VisualEditor: insert tables}} | {{DISPLAYTITLE:VisualEditor: insert tables}} | ||
+ | |||
+ | {| class="wikitable mw-collapsible mw-collapsed" | ||
+ | |+ | ||
+ | !Time | ||
+ | !Monday | ||
+ | !Tuesday | ||
+ | !Wednesday | ||
+ | |- | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |} | ||
==Insert a table== | ==Insert a table== | ||
In VisualEditor, choose "Insert > Tables" to insert a table in a page: | In VisualEditor, choose "Insert > Tables" to insert a table in a page: | ||
− | [[File: | + | [[File:Instert, Table.png|260x260px]] |
After entering the rows and columns, an empty table appears with the edit menu: | After entering the rows and columns, an empty table appears with the edit menu: | ||
− | [[File: | + | [[File:table 1.0.png|305x305px]] |
When the mouse rests on a symbol, the respective function is displayed. | When the mouse rests on a symbol, the respective function is displayed. | ||
Line 14: | Line 27: | ||
Double-click in the cells to insert text: | Double-click in the cells to insert text: | ||
− | [[File: | + | [[File:weekly.png|280x280px]] |
==Join rows and columns== | ==Join rows and columns== | ||
When you click in a row, an arrow appears at the left edge of the row and at the top of the column. To connect the cells in a row or a column, click on the respective arrow and then in the edit menu on "Connect cells": | When you click in a row, an arrow appears at the left edge of the row and at the top of the column. To connect the cells in a row or a column, click on the respective arrow and then in the edit menu on "Connect cells": | ||
− | [[File: | + | [[File:table 3.0.png|300x300px]] |
You can also connect individual cells. Hold down the Shift key and click in two or more adjacent cells. Then connect the cells. The cells must be adjacent in a row or in a column so that they can be connected. | You can also connect individual cells. Hold down the Shift key and click in two or more adjacent cells. Then connect the cells. The cells must be adjacent in a row or in a column so that they can be connected. | ||
Line 30: | Line 43: | ||
|headline | |headline | ||
|Shows a header above the table: | |Shows a header above the table: | ||
− | [[File: | + | [[File:weeklyplan.png|200x200px]] |
After disabling the header, it is lost and must be reentered when re-enabled. | After disabling the header, it is lost and must be reentered when re-enabled. | ||
Line 39: | Line 52: | ||
|Sortable | |Sortable | ||
|In the first row, a sort function is displayed: | |In the first row, a sort function is displayed: | ||
− | [[File: | + | [[File:Weeklyplan 2.0.png|200x200px]] |
The current sorting is shown in the title bar. Only one of the two sort arrows will appear in the sorted column. | The current sorting is shown in the title bar. Only one of the two sort arrows will appear in the sorted column. |