4.2 Edit articles/Tables

No edit summary
No edit summary
Line 2: Line 2:
{{DISPLAYTITLE:Insert tables}}
{{DISPLAYTITLE:Insert tables}}


==Insert a table==
==Inserting a table==
In VisualEditor, choose "Insert > Tables" to insert a table in a page:
To add a table to the page:


[[File:Instert, Table.png|260x260px]]
# '''Choose''' ''Insert > Tables'' in the editor toolbar.  [[File:Instert, Table.png|260x260px|link=Special:FilePath/Instert,_Table.png]]
# '''Enter''' an initial number of rows and columns. Rows and columns can always be added and removed during table editing.  After entering the rows and columns, an empty table appears with the edit menu.  [[File:table 1.0.png|305x305px|link=Special:FilePath/table_1.0.png]]


After entering the rows and columns, an empty table appears with the edit menu:
* '''Single clicking''' opens the table inspector. The properties of the table can be edited. When the mouse rests on a symbol, the associated function is displayed as a tooltip.
* '''Double-clicking''' edits the individual cell.  [[File:weekly.png|280x280px|link=Special:FilePath/weekly.png]]


[[File:table 1.0.png|305x305px]]
==Merging rows and columns==
To connect individual cells:


When the mouse rests on a symbol, the respective function is displayed.
# '''Hold down''' the ''Shift'' key and click in two or more adjacent cells.  
 
# '''Click''' ''Merge'' in the table inspector.<br />
Double-click in the cells to insert text:
 
[[File:weekly.png|280x280px]]
==Merge 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 "Merge":
 
[[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.
<br />
==Table properties==
==Table properties==
In the menu item Properties, there are numerous settings to adjust the functionality and presentation of the table:
In the menu item ''Properties'', there are numerous settings to adjust the functionality and presentation of the table:


{| class="contenttable-blue content table-blue"
{| class="contenttable-blue content table-blue" style=""
!Property
!Property
!Description
!Description
Line 32: Line 25:
|Caption
|Caption
|Shows a header above the table:
|Shows a header above the table:
[[File:weeklyplan.png|200x200px]]
[[File:weeklyplan.png|200x200px|link=Special:FilePath/weeklyplan.png]]


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 41: Line 34:
|Sortable
|Sortable
|In the first row, a sort function is displayed:
|In the first row, a sort function is displayed:
[[File:Weeklyplan 2.0.png|200x200px]]
[[File:Weeklyplan 2.0.png|200x200px|link=Special:FilePath/Weeklyplan_2.0.png]]


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.
Line 61: Line 54:
*Filter column (only values from the current column are considered here)
*Filter column (only values from the current column are considered here)


[[File:table 4.0.png|550x550px]]
[[File:table 4.0.png|550x550px|link=Special:FilePath/table_4.0.png]]
 
{{Messagebox|boxtype=note|icon=|Note text=If the filter is activated, the table style settings are ignored and the table is displayed in an automatifc "Filter Style". The behavior of the filterable table cannot be adjusted!


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.
After deactivating this function, the selected table style is displayed again.|bgcolor=}}
|-
|-
|Table style
|Table style
Line 99: Line 92:




[[en:{{FULLPAGENAME}}]]
[[en:{{FULLPAGENAME}}|en:Edit articles/Tables]]
[[de:VisualEditor/Tabellen]]
[[de:VisualEditor/Tabellen]]

Revision as of 08:43, 23 September 2022


4.2.1 Inserting a table

To add a table to the page:

  1. Choose Insert > Tables in the editor toolbar. File:Instert, Table.png
  2. Enter an initial number of rows and columns. Rows and columns can always be added and removed during table editing. After entering the rows and columns, an empty table appears with the edit menu. File:table 1.0.png
  • Single clicking opens the table inspector. The properties of the table can be edited. When the mouse rests on a symbol, the associated function is displayed as a tooltip.
  • Double-clicking edits the individual cell. File:weekly.png

4.2.2 Merging rows and columns

To connect individual cells:

  1. Hold down the Shift key and click in two or more adjacent cells.
  2. Click Merge in the table inspector.

4.2.3 Table properties

In the menu item Properties, there are numerous settings to adjust the functionality and presentation of the table:

Property Description
Caption Shows a header above the table:

File:weeklyplan.png

After disabling the header, it is lost and must be reentered when re-enabled.

Styed(wikitable) enables the default wiki look after table styles were previously selected
Sortable In the first row, a sort function is displayed:

File:Weeklyplan 2.0.png

The current sorting is shown in the title bar. Only one of the two sort arrows will appear in the sorted column.

Collapsible The table can be hidden on the page via a text link.
Collapsed initially If the "Collapsible" property is active, this determines whether the table is visible or hidden when the wiki page is loaded. T
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 4.0.png

Note:If the filter is activated, the table style settings are ignored and the table is displayed in an automatifc "Filter Style". The behavior of the filterable table cannot be adjusted! After deactivating this function, the selected table style is displayed again.
Table style Here you can load different style sheets for the table.
Use full width for table The table uses the full width of the wiki page, regardless of the table contents.

4.2.4 Table styles

The following style sheets can be selected in the Table Style menu. Click on a picture to start the gallery:



The visual editor makes it easy to format content as a table. The following alternatives for creating tables exist:

  • Tables can also be inserted as a csv file on a page (just drag the CSV file onto the page in edit mode)
  • Complex tables can alternatively be attached to the page as an xlsx file.

de:VisualEditor/Tabellen