Discussion

Difference between revisions of "Manual:VisualEditor/Tables"

[unchecked revision][quality 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: 2017 source edit)
 


Insert a table[edit | edit source]

In VisualEditor, choose "Insert > Tables" to insert a table in a page:

220x220px Instert, Table.png

After entering the rows and columns, an empty table appears with the edit menu:

305x305px table 1.0.png

When the mouse rests on a symbol, the respective function is displayed.

Double-click in the cells to insert text:

250x250px weekly.png

Join Merge 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 cellsMerge": 300x300px

table 3.0.png

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 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
Caption Shows a header above the table:

200x200px

weeklyplan.png

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

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

200x200px

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.

Foldable
Collapsible The table can be hidden on the page via a text link.
First folded
Collapsed initially 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:

320x320px

exportable
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)
550x550px

table 4.0.png


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
Use full width for table
width
The table uses the full width of the wiki page, regardless of the table contents.

table 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

    Standard

  • Content

  • 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)

  • Greyscale

  • Greyscale (narrow)


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. 
{{DISPLAYTITLE:VisualEditor: insertInsert tables}}
        
        
        
        ==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|250x250px]]
            
            
            
            ==Joinweekly.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 "Connect cells":
            
            [[File:ve-tables-mergecellsDE.png|300x300px]]
            
            
        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.
        
        
        
            
            ==set table <br />
            
            ==Table properties==
        
        In the menu item Properties, there are numerous settings to adjust the functionality and presentation of the table:
        
        
        
        {| class="contenttable-blue content table-blue"
        
        !Property
        
        !Description
        
        |-
        
        |headlineCaption
        
        |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 Styed(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.
        
        |-
        
        |FoldableCollapsible
        
        |The table can be hidden on the page via a text link.
        
        |-
        
        |First foldedCollapsed initially
        
        |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]]
            
            |-
            
            |exportableT
            
            |-
            
            |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. 4.0.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 tableUse full width for table
            
            
        |The table uses the full width of the wiki page, regardless of the table contents.
        
        |}
        
        
        
        ==tableTable styles==
        
        
        
        
        
        The following style sheets can be selected in the Table Style menu. Click on a picture to start the gallery:
        
        
        
            
            
            <br /><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 />Gallery 1.0.PNG|Standard
            
            File:Gallery 2.0.PNG|Content 
            
            File:Gallery 3.0.PNG|Content (black)
            
            File:Gallery 4.0.PNG|Content (blue) 
            
            File:Gallery 5.0.PNG|Content (darkblue) 
            
            File:Gallery 6.0.PNG|Cusco Sky 
            
            File:Gallery 7.0.PNG|Casablanca 
            
            File:Gallery 8.0.PNG|Greyscale 
            
            File:Gallery 9.0.PNG|Greyscale (narrow) 
            
            
            </gallery>
            
            
            
            
            
            
            <section begin="training-tabellen" /><div class="training anwender">
            
            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.
            
            
            </div><section end="training-tabellen" />
            
            
            
            
            
            [[en:{{FULLPAGENAME}}]]
            
            [[de:VisualEditor/Tabellen]]
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{DISPLAYTITLE:VisualEditor: insert tables}}
+
{{DISPLAYTITLE:VisualEditor: Insert tables}}
  
 
==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:VE-Paste-tabelle.png|220x220px]]
+
[[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:VE-table-eingefuegt.png|305x305px]]
+
[[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 14:
 
Double-click in the cells to insert text:
 
Double-click in the cells to insert text:
  
−
[[File:ve-tables-color-standard.png|250x250px]]
+
[[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]]
  
−
==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.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.
 +
<br />
 +
==Table properties==
 +
In the menu item Properties, there are numerous settings to adjust the functionality and presentation of the table:
  
−
==set table properties==
+
{| class="contenttable-blue content table-blue"
−
In the menu item Properties there are numerous settings to adjust the functionality and presentation of the table:
 
−
 
 
−
{| class="content table-blue"
 
 
!Property
 
!Property
 
!Description
 
!Description
 
|-
 
|-
−
|headline
+
|Caption
 
|Shows a header above the table:
 
|Shows a header above the table:
−
[[File:table-ueberschrift.png|200x200px]]
+
[[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.
 
|-
 
|-
−
|Stylized (wikitable)
+
|Styed(wikitable)
 
|enables the default wiki look after table styles were previously selected
 
|enables the default wiki look after table styles were previously selected
 
|-
 
|-
 
|Sortable
 
|Sortable
 
|In the first row, a sort function is displayed:
 
|In the first row, a sort function is displayed:
−
[[File:table-sortieren.png|200x200px]]
+
[[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.
 
|-
 
|-
−
|Foldable
+
|Collapsible
 
|The table can be hidden on the page via a text link.
 
|The table can be hidden on the page via a text link.
 
|-
 
|-
−
|First folded
+
|Collapsed initially
−
|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:
+
|If the "Collapsible" property is active, this determines whether the table is visible or hidden when the wiki page is loaded. T
−
[[File:table-eingeklappt.png|frameless|320x320px]]
 
 
|-
 
|-
−
|exportable
+
|Exportable
 
|
 
|
 
|-
 
|-
Line 60: Line 60:
 
*Filter column (only values from the current column are considered here)
 
*Filter column (only values from the current column are considered here)
  
−
[[File:table-filtern.png|550x550px]]
+
[[File:table 4.0.png|550x550px]]
  
  
Line 68: Line 68:
 
|Here you can load different style sheets for the table.
 
|Here you can load different style sheets for the table.
 
|-
 
|-
−
|Full table width
+
|Use full width for table
 
|The table uses the full width of the wiki page, regardless of the table contents.
 
|The table uses the full width of the wiki page, regardless of the table contents.
 
|}
 
|}
  
−
==table styles==
+
==Table styles==
  
  
 
The following style sheets can be selected in the Table Style menu. Click on a picture to start the gallery:
 
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
+
<br /><gallery>
−
File:ve-tables-color-content.PNG|alt=TableColor Content|Content
+
File:Gallery 1.0.PNG|Standard
−
File:ve-tables-color-content_black.PNG|alt=TableColor Content Black|Content (black)
+
File:Gallery 2.0.PNG|Content  
−
File:ve-tables-color-blue.PNG|alt=TableColor Content blue|Content (blue)
+
File:Gallery 3.0.PNG|Content (black)
−
File:ve-tables-color-content_darkblue.PNG|alt=TableColor Content darkblue|Content (darkblue)
+
File:Gallery 4.0.PNG|Content (blue)  
−
File:ve-table-color-cusco sky.PNG|alt=table color Cusco Sky|Cusco Sky
+
File:Gallery 5.0.PNG|Content (darkblue)  
−
File:ve-tables-color-casablanca.PNG|alt=table color Casablanca|Casablanca
+
File:Gallery 6.0.PNG|Cusco Sky  
−
File:ve-table-color-greyscale.PNG|alt=table-color Greyscale|greyscale
+
File:Gallery 7.0.PNG|Casablanca  
−
File:ve-table-color-greyscale_narrow.PNG|alt=table color greyscale narrow|greyscale (narrow)
+
File:Gallery 8.0.PNG|Greyscale  
−
</gallery><br />
+
File:Gallery 9.0.PNG|Greyscale (narrow)
 +
</gallery>
 +
 
 +
 
 +
<section begin="training-tabellen" /><div class="training anwender">
 +
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.
 +
</div><section end="training-tabellen" />
 +
 
 +
 
 +
[[en:{{FULLPAGENAME}}]]
 +
[[de:VisualEditor/Tabellen]]
Retrieved from "https://bs3-en.wiki.bluespice.com/w/index.php?title=Manual:VisualEditor/Tables&oldid=25427"

Attachments

Discussions

Internal error - BlueSpice Wiki
Discussion

Difference between revisions of "Manual:VisualEditor/Tables"

[unchecked revision][quality 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: 2017 source edit)
 


Insert a table[edit | edit source]

In VisualEditor, choose "Insert > Tables" to insert a table in a page:

220x220px Instert, Table.png

After entering the rows and columns, an empty table appears with the edit menu:

305x305px table 1.0.png

When the mouse rests on a symbol, the respective function is displayed.

Double-click in the cells to insert text:

250x250px weekly.png

Join Merge 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 cellsMerge": 300x300px

table 3.0.png

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 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
Caption Shows a header above the table:

200x200px

weeklyplan.png

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

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

200x200px

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.

Foldable
Collapsible The table can be hidden on the page via a text link.
First folded
Collapsed initially 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:

320x320px

exportable
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)
550x550px

table 4.0.png


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
Use full width for table
width
The table uses the full width of the wiki page, regardless of the table contents.

table 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

    Standard

  • Content

  • 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)

  • Greyscale

  • Greyscale (narrow)


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. 
{{DISPLAYTITLE:VisualEditor: insertInsert tables}}
        
        
        
        ==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|250x250px]]
            
            
            
            ==Joinweekly.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 "Connect cells":
            
            [[File:ve-tables-mergecellsDE.png|300x300px]]
            
            
        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.
        
        
        
            
            ==set table <br />
            
            ==Table properties==
        
        In the menu item Properties, there are numerous settings to adjust the functionality and presentation of the table:
        
        
        
        {| class="contenttable-blue content table-blue"
        
        !Property
        
        !Description
        
        |-
        
        |headlineCaption
        
        |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 Styed(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.
        
        |-
        
        |FoldableCollapsible
        
        |The table can be hidden on the page via a text link.
        
        |-
        
        |First foldedCollapsed initially
        
        |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]]
            
            |-
            
            |exportableT
            
            |-
            
            |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. 4.0.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 tableUse full width for table
            
            
        |The table uses the full width of the wiki page, regardless of the table contents.
        
        |}
        
        
        
        ==tableTable styles==
        
        
        
        
        
        The following style sheets can be selected in the Table Style menu. Click on a picture to start the gallery:
        
        
        
            
            
            <br /><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 />Gallery 1.0.PNG|Standard
            
            File:Gallery 2.0.PNG|Content 
            
            File:Gallery 3.0.PNG|Content (black)
            
            File:Gallery 4.0.PNG|Content (blue) 
            
            File:Gallery 5.0.PNG|Content (darkblue) 
            
            File:Gallery 6.0.PNG|Cusco Sky 
            
            File:Gallery 7.0.PNG|Casablanca 
            
            File:Gallery 8.0.PNG|Greyscale 
            
            File:Gallery 9.0.PNG|Greyscale (narrow) 
            
            
            </gallery>
            
            
            
            
            
            
            <section begin="training-tabellen" /><div class="training anwender">
            
            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.
            
            
            </div><section end="training-tabellen" />
            
            
            
            
            
            [[en:{{FULLPAGENAME}}]]
            
            [[de:VisualEditor/Tabellen]]
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{DISPLAYTITLE:VisualEditor: insert tables}}
+
{{DISPLAYTITLE:VisualEditor: Insert tables}}
  
 
==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:VE-Paste-tabelle.png|220x220px]]
+
[[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:VE-table-eingefuegt.png|305x305px]]
+
[[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 14:
 
Double-click in the cells to insert text:
 
Double-click in the cells to insert text:
  
−
[[File:ve-tables-color-standard.png|250x250px]]
+
[[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]]
  
−
==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.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.
 +
<br />
 +
==Table properties==
 +
In the menu item Properties, there are numerous settings to adjust the functionality and presentation of the table:
  
−
==set table properties==
+
{| class="contenttable-blue content table-blue"
−
In the menu item Properties there are numerous settings to adjust the functionality and presentation of the table:
 
−
 
 
−
{| class="content table-blue"
 
 
!Property
 
!Property
 
!Description
 
!Description
 
|-
 
|-
−
|headline
+
|Caption
 
|Shows a header above the table:
 
|Shows a header above the table:
−
[[File:table-ueberschrift.png|200x200px]]
+
[[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.
 
|-
 
|-
−
|Stylized (wikitable)
+
|Styed(wikitable)
 
|enables the default wiki look after table styles were previously selected
 
|enables the default wiki look after table styles were previously selected
 
|-
 
|-
 
|Sortable
 
|Sortable
 
|In the first row, a sort function is displayed:
 
|In the first row, a sort function is displayed:
−
[[File:table-sortieren.png|200x200px]]
+
[[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.
 
|-
 
|-
−
|Foldable
+
|Collapsible
 
|The table can be hidden on the page via a text link.
 
|The table can be hidden on the page via a text link.
 
|-
 
|-
−
|First folded
+
|Collapsed initially
−
|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:
+
|If the "Collapsible" property is active, this determines whether the table is visible or hidden when the wiki page is loaded. T
−
[[File:table-eingeklappt.png|frameless|320x320px]]
 
 
|-
 
|-
−
|exportable
+
|Exportable
 
|
 
|
 
|-
 
|-
Line 60: Line 60:
 
*Filter column (only values from the current column are considered here)
 
*Filter column (only values from the current column are considered here)
  
−
[[File:table-filtern.png|550x550px]]
+
[[File:table 4.0.png|550x550px]]
  
  
Line 68: Line 68:
 
|Here you can load different style sheets for the table.
 
|Here you can load different style sheets for the table.
 
|-
 
|-
−
|Full table width
+
|Use full width for table
 
|The table uses the full width of the wiki page, regardless of the table contents.
 
|The table uses the full width of the wiki page, regardless of the table contents.
 
|}
 
|}
  
−
==table styles==
+
==Table styles==
  
  
 
The following style sheets can be selected in the Table Style menu. Click on a picture to start the gallery:
 
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
+
<br /><gallery>
−
File:ve-tables-color-content.PNG|alt=TableColor Content|Content
+
File:Gallery 1.0.PNG|Standard
−
File:ve-tables-color-content_black.PNG|alt=TableColor Content Black|Content (black)
+
File:Gallery 2.0.PNG|Content  
−
File:ve-tables-color-blue.PNG|alt=TableColor Content blue|Content (blue)
+
File:Gallery 3.0.PNG|Content (black)
−
File:ve-tables-color-content_darkblue.PNG|alt=TableColor Content darkblue|Content (darkblue)
+
File:Gallery 4.0.PNG|Content (blue)  
−
File:ve-table-color-cusco sky.PNG|alt=table color Cusco Sky|Cusco Sky
+
File:Gallery 5.0.PNG|Content (darkblue)  
−
File:ve-tables-color-casablanca.PNG|alt=table color Casablanca|Casablanca
+
File:Gallery 6.0.PNG|Cusco Sky  
−
File:ve-table-color-greyscale.PNG|alt=table-color Greyscale|greyscale
+
File:Gallery 7.0.PNG|Casablanca  
−
File:ve-table-color-greyscale_narrow.PNG|alt=table color greyscale narrow|greyscale (narrow)
+
File:Gallery 8.0.PNG|Greyscale  
−
</gallery><br />
+
File:Gallery 9.0.PNG|Greyscale (narrow)
 +
</gallery>
 +
 
 +
 
 +
<section begin="training-tabellen" /><div class="training anwender">
 +
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.
 +
</div><section end="training-tabellen" />
 +
 
 +
 
 +
[[en:{{FULLPAGENAME}}]]
 +
[[de:VisualEditor/Tabellen]]
Retrieved from "https://bs3-en.wiki.bluespice.com/w/index.php?title=Manual:VisualEditor/Tables&oldid=25427"

Attachments

Discussions