VisualWikitext
No edit summary
No edit summary
 
Line 16: Line 16:
To merge a row or column, select the cells in a row or in a column. The inspector will show a "Merge" button. Click it to merge the cells. The same button is called "Unmerge" if you want to separate connected cells.
To merge a row or column, select the cells in a row or in a column. The inspector will show a "Merge" button. Click it to merge the cells. The same button is called "Unmerge" if you want to separate connected cells.
[[File:table_3.0.png|alt=Table with all cells in a table row selected and the merge button|center|thumb|350x350px|Merging cells]]
[[File:table_3.0.png|alt=Table with all cells in a table row selected and the merge button|center|thumb|350x350px|Merging cells]]


<br />
<br />
Line 87: Line 86:


<span><br /></span>
<span><br /></span>
<section begin="training-tabellen" /><div class="training anwender">
<section begin="training-tabellen" />
The visual editor makes it easy to format content as a table. The following alternatives for creating tables exist:
 
=== Sticky header ===
It is possible to add the css-class ''mw-sticky-header'' in source edit mode to achieve a table header that stays visible during page scrolling. It works with all table styles.


The below example sets a sticky header for the default table style ''wikitable'':<syntaxhighlight lang="text">
{| class="wikitable mw-sticky-header"
</syntaxhighlight><div class="training anwender">
== Using existing tables ==
* Tables can also be inserted as a csv file on a page (just drag the CSV file onto the page in edit mode)
* 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.
* Complex tables can alternatively be attached to the page as an xlsx file.

Latest revision as of 16:14, 1 July 2024


Insert a table

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

expanded "Insert" menu of the editor toolbar

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

an empty table with 6 columns and 5 rows with an open inspector menu

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

Double-click in the cells to insert text:

table with four columns wor Times and days of the week with a time schedule

Merge rows and columns

To merge a row or column, select the cells in a row or in a column. The inspector will show a "Merge" button. Click it to merge the cells. The same button is called "Unmerge" if you want to separate connected cells.

Table with all cells in a table row selected and the merge button
Merging cells


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:

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:

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)
header cells of a filterable table with an expanded filter menu
filterable table


 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.
Use full width for table 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:


  • No table style

    No table style

  • Standard

    Standard

  • Content

    Content

  • Content (black)

    Content (black)

  • Content (blue)

    Content (blue)

  • Content (darkblue)

    Content (darkblue)

  • Cusco Sky

    Cusco Sky

  • Casablanca

    Casablanca

  • Greyscale

    Greyscale

  • Greyscale (narrow)

    Greyscale (narrow)


Sticky header

It is possible to add the css-class mw-sticky-header in source edit mode to achieve a table header that stays visible during page scrolling. It works with all table styles.

The below example sets a sticky header for the default table style wikitable:
{| class="wikitable mw-sticky-header"

Using existing tables

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

Related info



To submit feedback about this documentation, visit our community forum.

Retrieved from "https://en.wiki.bluespice.com/w/index.php?title=Manual:Extension/VisualEditor/Insert_tables&oldid=9341"