Χρήστης:Xaris333/Βικιπαίδεια:Πίνακες

Από τη Βικιπαίδεια, την ελεύθερη εγκυκλοπαίδεια
Πήδηση στην πλοήγηση Πήδηση στην αναζήτηση
Για μια βασική εισαγωγή, δείτε στο Εισαγωγή στους πίνακες. For style considerations, see Wikipedia:Manual of Style/Tables.

Πρότυπο:Wiki markup

Συντόμευση:
H:TABLE

Ένας πίνακας είναι μια διάταξη στηλών και γραμμών που χρησιμοποιούνται για την οργάνωση και την τοποθέτηση δεδομένων. Στις σελίδες της Βικιπαίδεια, οι πίνακες μπορούν να δημιουργηθούν με τη χρήση ειδικής σύνταξης wiki. Υπάρχουν πολλά διαφορετικά στυλ και κόλπα που μπορούν να χρησιμοποιηθούν για να τους προσαρμόσετε.

Χρήση της γραμμής εργαλείων[Επεξεργασία | επεξεργασία κώδικα]

Εργαλειοθήκη
Monobook toolbar

Για αυτόματη εισαγωγή ενός πίνακα, πατήστε στο Vector toolbar insert table button.png ή στο Button insert table.png (Πίνακας) στη μπάρα επεξεργασίας. Εάν η επιλογή «Πίνακας» δεν βρίσκεται στην πιο πάνω γραμμή εργαλειών, ακουλουθήστε αυτές τις οδηγίες για να το προσθέσετε.

Το ακόλουθω κείμενο προστίθεται όταν πατήσετε στην επιλογή «Πίνακας»:

{| class="wikitable"
|-
! Επικεφαλίδα 1
! Επικεφαλίδα 2
! Επικεφαλίδα 3
|-
| σειρά 1, κελί 1
| σειρά 1, κελί 2
| σειρά 1, κελί 3
|-
| σειρά 2, κελί 1
| σειρά 2, κελί 2
| σειρά 2, κελί 3
|}

Ο κωδικός θα παράξει τον ακόλουθο πίνακα:

Επικεφαλίδα 1 Επικεφαλίδα 2 Επικεφαλίδα 3
σειρά 1, κελί 1 σειρά 1, κελί 2 σειρά 1, κελί 3
σειρά 2, κελί 1 σειρά 2, κελί 2 σειρά 2, κελί 3

Το δειγματικό κείμενο («Επικεφαλίδα Ν» ή «σειρά Ν, κελί Ν») προορίζεται να αντικατασταθεί με πραγματικά δεδομένα.

Παραδείγματα[Επεξεργασία | επεξεργασία κώδικα]

Απλοί και εύκολο πίνακες[Επεξεργασία | επεξεργασία κώδικα]

Πίνακες με τα ελάχιστα στοιχεία[Επεξεργασία | επεξεργασία κώδικα]

Όλες παράγουν το ίδιο αποτέλεσμα. Διαλέξτε ένα στυλ με βάση των αριθμό των κελιών σε κάθε σειρά και το συνολικό κείμενο μέσα σε κάθε κελί. Σήμανση wiki:

{|
| Α
| Β
|-
| Γ
| Δ
|}
{|
| Α || Β
|-
| Γ || Δ
|}

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης (σημειώστε ότι δεν υπάρχουν περιθώρια):

Α Β
Γ Δ

Πίνακες πολλαπλασιασμού[Επεξεργασία | επεξεργασία κώδικα]

Σημειώστε ότι σε αυτό το παράδειγμα η παράμετρος class = "wikitable" χρησιμοποιείται για το στυλ του πίνακα με το εξωτερικό φύλλο στυλ της Wikipedia για τους πίνακες. Προσθέτει περιθώρια, σκίαση φόντου και έντονο κείμενο επικεφαλίδας.

Σήμανση wiki:

{| class="wikitable" style="text-align:center; width:200px; height:200px;"
|+ Πίνακας πολλαπλασιασμού
|-
! ×
! 1
! 2
! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης:

Πίνακας πολλαπλασιασμού
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

Συνολικές λειτουργίες πίνακα[Επεξεργασία | επεξεργασία κώδικα]

Πλάτος, ύψος[Επεξεργασία | επεξεργασία κώδικα]

Το πλάτος και το ύψος όλου του πίνακα μπορούν να προσδιορίζονται, καθώς και το ύψος μιας σειράς. Για να καθορίσετε το πλάτος μιας στήλης μπορείτε να καθορίσετε το πλάτος ενός όποιουδήποτε κελιού σε αυτήν. Αν το πλάτος δεν έχει καθοριστεί για όλες τις στήλες, και/ή το ύψος δεν προσδιορίζεται για όλες τις σειρές, τότε υπάρχει κάποια ασάφεια και το αποτέλεσμα εξαρτάται από το πρόγραμμα περιήγησης.

Σήμανση Wiki:

{| style="width: 60%; height: 200px" border="1"
|-
| αβγ || δεζ || ηθι
|- style="height: 100px;"
| κλμ || style="width: 200px;" | νξο || πρσ
|-
| τυ || φχ || ψω
|}

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης:

αβγ δεζ ηθι
κλμ νξο πρσ
τυ φχ ψω

Καθορισμός περιθωρίων[Επεξεργασία | επεξεργασία κώδικα]

Τα περιθώρια του πίνακα είναι προεπιλεγμένα ως μια σύνθετη σκιασμένη διπλή γραμμή (η προεπιλογή σε μορφή HTML). Ωστόσο, τα περιθώρια μπορούν να ρυθμιστούν σε μια λεπτή, συνεχή γραμμή χρησιμοποιώντας ένα στυλ παραμέτρων (style="border: 1px solid darkgray"), όπως τα ακόλουθο παράδειγμα ( Σημείωση: αν σκοπεύετε να χρησιμοποιήσετε τις επιλογές «cellpadding» ή «cellspacing», μαζί με τα περιθώρια, θα πρέπει να χρησιμοποιήσετε αυτή τη μορφή):

Σήμανση wiki:

{| cellpadding="2" style="border: 1px solid darkgray;"
! width="140" | Αριστερά
! width="150" | Μέσο
! width="130" | Δεξιά
|- border="0"
| [[File:StarIconBronze.png|120px]]
| [[File:StarIconGold.png|120px|Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα]]
| [[File:StarIconGreen.png|120px|Πράσινη, αστρική εικόνα]]
|- align="center"
| Χάλκινο αστέρι || Χρυσό αστέρι || Πράσινο αστέρι
|}

Σημειώστε τα κείμενα στην κάτω σειρά, στοιχίζονται στο κέντρο ('align="center"'), ενώ οι εικόνες των αστεριών δεν είναι στο κέντρο.

Αριστερά Μέσο Δεξιά
StarIconBronze.png Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα Πράσινη, αστρική εικόνα
Χάλκινο αστέρι Χρυσό αστέρι Πράσινο αστέρι

Όσο στην "Image:" παραλείπετε η παράμετρος "thumb|" δεν θα εμφανίζονται οι γραμμές λεζάντας του πίνακα (μόνο κατά τη διάρκεια που το ποντίκι είναι πάνω). Το χρώμα περιγράμματος "darkgray" ταιριάζει σε τυπικούς πίνακες ή σε κουτιά πληροφοριών σε πίνακες. Ωστόσο, θα μπορούσε να είναι οποιοδήποτε όνομα χρώματος (όπως style = "border: 1px solid Darkgreen;") ή να χρησιμοποιήσετε ένα hex-χρώμα (όπως: #DDCCBB).

Μια μορφή-προσδιοριστικό στήλης (περικλείονται σε "|...|") μπορεί να έχει ένα στυλ παραμέτρων για να ρυθμίσετε τα σύνορα σε κάθε κελί, ως εξής:

Σήμανση wiki:

{| cellpadding="2" style="border: 1px solid darkgray;"
! width="140" | Αριστερά
! width="150" | Μέσο
! width="130" | Δεξιά
|- align="center"
| style="border: 1px solid blue;"|
[[File:StarIconBronze.png|120px]]
| style="border: 1px solid #777777;"|
[[File:StarIconGold.png|120px|Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα]]
| style="border: 1px solid #22AA55;"|<!--greenish border-->
[[File:StarIconGreen.png|120px|Πράσινη, αστρική εικόνα]]
|- align="center"
| Χάλκινο αστέρι || Χρυσό αστέρι || Πράσινο αστέρι
|}

Σημειώστε ότι μόνο τα κελιά με τις εικόνες, εδώ, έχουν ατομικά περιθώρια, όχι το κείμενο.

Αριστερά Μέσο Δεξιά

StarIconBronze.png

Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα

Πράσινη, αστρική εικόνα

Χάλκινο αστέρι Χρυσό αστέρι Πράσινο αστέρι

Τα μικρότερα χρώματα hex (όπως το #616161) είναι πιο κοντά στο μαύρο. Τυπικά, όλα τα περιθώρια σε ένα πίνακα θα είναι ένα συγκεκριμένο χρώμα.

Τοποθέτηση[Επεξεργασία | επεξεργασία κώδικα]

Μπορείτε να τοποθετήσετε ολόκληρο τον πίνακα, το περιεχόμενο μιας σειράς και το περιεχόμενο ενός κελιού, αλλά όχι με μια μόνο παράμετρο για όλο το περιεχόμενο του πίνακα. Δείτε m:Template talk:Table demo.

Πριν τον Απρίλιο του 2009, η χρήση "float" για την τοποθέτηση ενός πίνακα, αποθαρρυνόταν. Ωστόσο, δεν σπάζει πλέον πάντα τη σελιδοποίηση σε μεγάλα μεγέθη γραμματοσειράς. Δείτε μια floated εικόνα, στη συνέχεια, υπό τον τίτλο "Floating images in the center".

{| border="1"
| &alpha;
| style="text-align: center;"| κελί2
{| border="2" style="background: #ABCDEF;" <!-- The nested table must be on a new line -->
| NESTED
|-
| TABLE
|}
| style="vertical-align:bottom;"| the original table again
| style="width:100px;" |
{| border="2" style="background: #ABCDEF;"
| A
|}
{| border="2" style="background: #ABCDEF;"
| B || B
|}
| style="width:50px;" |
{| border="2" style="background: #ABCDEF; float:left;"
| C
|}
{| border="2" style="background: #ABCDEF; float: right;"
| D
|}
|}

As it appears in a bσειράser:

α κελί2
NESTED
TABLE
the original table again
A
B B
C
D

Scrolling[Επεξεργασία | επεξεργασία κώδικα]

The whole table can be placed within a scrolling list so that new table lines appear on the screen as old table lines disappear. Although Βικιπαίδεια:Εγχειρίδιο μορφής disfavors scrolling tables in Βικιπαίδεια:Τι είναι ένα λήμμα because article content should be accessible on a variety of devices whereas a scrolling table hides some text, a scrolling table may be used in other Wikipedia namespaces.

Wiki markup:

<div style="width: 75%; height:10em; overflow:auto; border: 2px solid #088">
{| style="width: 75%; height: 200px" border="1"
|-
| abc || def || ghi
|- style="height: 100px;"
| jkl || style="width: 200px;" | mno || pqr
|-
| stu || vwx || yz
|}
</div>

As it appears in a bσειράser:

abc def ghi
jkl mno pqr
stu vwx yz

-->



More complex examples[Επεξεργασία | επεξεργασία κώδικα]

Mélange[Επεξεργασία | επεξεργασία κώδικα]

Note: This example is not accessible, and should be avoided as much as possible. For example, nested tables (tables inside tables) should be separated into distinct tables when possible.

Here is a more advanced example, showing some more options available for making up tables. Note however that with colspan and σειράspan sorting does not work properly anymore.

Users can play with these settings in their own table to see what effect they have. Not all of these techniques may be appropriate in all cases; just because colored backgrounds can be added, for example, does not mean it is always a good idea. Try to keep the markup in tables relatively simple—remember, other people are going to be editing the article too! This example should give an idea of what is possible, though.

Wiki markup:

Text before centered table...
{| border="1" κελίpadding="5" κελίspacing="0" align="center"
|+ '''An example table'''
|-
! style="background: #efefef;" | First επικεφαλίδα
! colspan="2" style="background: #ffdead;" | Second επικεφαλίδα
|-
| upper left
| &nbsp;
| σειράspan="2" style="border-bottom: 3px solid grey;" valign="top" |
right side
|-
| style="border-bottom: 3px solid grey;" | lower left
| style="border-bottom: 3px solid grey;" | lower middle
|-
| colspan="3" align="center" |
Text before a nested table...
{| border="0"
|+ ''A table in a table''
|-
| align="center" width="150" | [[Αρχείο:Wikipedia-logo-el.png]]
| align="center" width="150" | [[Αρχείο:Wikipedia-logo-el.png]]
|-
| align="center" colspan="2" style="border-top: 1px solid red;<!--
  --> border-right: 1px solid red; border-bottom: 2px solid red;<!--
  --> border-left: 1px solid red;" |
Two Wikipedia logos
|}
...text after a nested table
|}
...text after centered table

As it appears in a bσειράser:

Text before centered table...

An example table
First επικεφαλίδα Second επικεφαλίδα
upper left &nbsp;

right side

lower left lower middle

Text before a nested table...

A table in a table
Wikipedia-logo-el.png Wikipedia-logo-el.png

Two Wikipedia logos

...text after a nested table

...text after centered table

Floating images in the center[Επεξεργασία | επεξεργασία κώδικα]

A table can be used to wrap an image, so that the table can float towards the center of the page (such as using: style="float: right;"). However, the table margins, border and font-size must be precisely set to match a typical image display. The Image-spec parameter "thumb|" (although auto-thumbnailing to user-preference width) forces a wide left-margin that squeezes the nearby text, so the parameter "center|" can be added to suppress the left-margin padding. However, "center" sometimes shoves the caption to a 2nd line (under a centered box "[]"), so "thumb|" could be omitted and just hard-code the image size, adding a gray (#BBB) border. Using precise parameters to match other images, a floating-image table can be coded as follows:

{| style="float: right; border: 1px solid #BBB; margin: .46em 0 0 .2em;"
|- style="font-size: 86%;"
| valign="top" |[[File:DuraEuropos-TempleOfBel.jpg|180px]]<!--
  --><br /> Temple of [[Bel (mythology)|Bel]] (floating).
|}

The text inside the floating-table is sized by style="font-size: 86%;". That floating-image table floats a typical image-box, but allows adjusting the left-hand margin of the image (see temple-example floating below).

Infobox A
This sample infobox shows how the floating image-box aligns toward the center.
DuraEuropos-TempleOfBel.jpg
 Temple of Bel (floating).
The dashed border around this table shows the implicit margins of Images using "thumb|right".

The caption-text can be omitted, or remove the parameter "thumb|" so the caption is hidden until "mouse-over display". Unfortunately the parameter "thumb|" (used for displaying the caption) also controls the auto-thumbnailing to re-size images by user-preferences size. To have auto-thumbnail sizing while also concealing the caption, use |frameless|right| instead of |thumb|.

An image set with parameter "left|" will gain a wide right-side margin (opposite margin of parameter "right|"), so floating toward the left would require an image set as "center|" inside a table with style="float:left; margin:0.46em 0.2em".

Recall that, outside an image-table, the parameter "right|" causes an image to align (either) above or below an infobox, but would not float alongside the infobox.

Note the order of precedence: first come infoboxes or images using "right|", then come the floating-tables, and lastly, any text will wrap that can still fit. If the first text-word is too long, no text will fit to complete the left-hand side, so beware creating a "ragged left margin" when not enough space remains for text to fit alongside floating-tables.

If multiple single image-tables are stacked, they will float to align across the page, depending on page-width. The text will be squeezed to allow as many floating-tables as can fit, as auto-aligned, then wrap whatever text (can still fit) at the left-hand side.

DuraEuropos-TempleOfBel.jpg
...by float: right
DuraEuropos-TempleOfBel.jpg
...images wrap...
DuraEuropos-TempleOfBel.jpg
All these...

That auto-aligning feature can be used to create a "floating-gallery" of images: a set of 20 floating-tables will wrap (backward, right-to-left) as if each table were a word of text to wrap across and down the page. To wrap in the typical direction (wrapping left-to-right) define all those floating-tables, instead, as left-side tables using the top parameter style="float:left; margin:0.46em 0.2em". Multiple floating-images empower more flexible typesetting of images around the text.

Combined use of COLSPAN and ROWSPAN[Επεξεργασία | επεξεργασία κώδικα]

Wiki markup:

{| border="1" κελίpadding="5" κελίspacing="0"
|-
| Column 1 || Column 2 || Column 3
|-
| σειράspan="2" | A
| colspan="2" style="text-align: center;" | B
|-
| C <!-- column 1 occupied by κελί A -->
| D
|-
| E
| σειράspan="2" colspan="2" style="text-align: center;" |F
|-
| G <!-- column 2+3 occupied by κελί F -->
|-
| colspan="3" style="text-align: center;" | H
|}

As it appears in a bσειράser:

Column 1 Column 2 Column 3
A B
C D
E F
G
H

Note that using σειράspan="2" for κελί G combined with σειράspan="3" for κελί F to get another σειρά below G and F won't work, because all (implicit) κελίs would be empty. Likewise complete columns are not displayed if all their κελίs are empty. Borders between non-empty and empty κελίs might be also not displayed (depending on the bσειράser), use &nbsp; to fill an empty κελί with dummy content.

Workarounds[Επεξεργασία | επεξεργασία κώδικα]

Decimal point alignment[Επεξεργασία | επεξεργασία κώδικα]

The following is a method to get columns of numbers aligned at the decimal point.

Wiki markup:

{| κελίpadding="0" κελίspacing="0"
| align="right" | 432 || .1
|-
| align="right" | 43 || .21
|-
| align="right" | 4 || .321
|}

As it appears in a bσειράser:

432 .1
43 .21
4 .321

If the column of numbers appears in a table with κελί padding or κελί spacing, you can still align the decimal points without an unsightly gap in the middle. Embed a table in each number's κελί and specify its column widths. Make the embedded tables' column widths the same for each κελί in the column. (If decimal points are still misaligned using this method, the main table's column may be too narσειρά. Add a parameter to increase the column's width.)

Wiki markup:

{| border="1" κελίpadding="4" κελίspacing="2"
|
{| κελίpadding="0" κελίspacing="0" width="100"
| align="right" width="50%"| 432 || width="50%" | .1
|}
|-
|
{| κελίpadding="0" κελίspacing="0" width="100"
| align="right" width="50%"| 43 || width="50%" | .21
|}
|-
|
{| κελίpadding="0" κελίspacing="0" width="100"
| align="right" width="50%" | 4 || width="50%" | .321
|}
|}

As it appears in a bσειράser:

432 .1
43 .21
4 .321

In the case of preformatted text, you can dispense with the table feature entirely and simply start the lines with a space, and put spaces to position the numbers:

Wiki markup (just spaces!):

432.1
 43.21
  4.321

As it appears in a bσειράser:

432.1
 43.21
  4.321

However, there should be a good reason to use pre-formatted text in an article.

Centering tables[Επεξεργασία | επεξεργασία κώδικα]

See: Whole table operations|Centering tables


Section link or map link to a σειρά anchor[Επεξεργασία | επεξεργασία κώδικα]

To enable a section link's anchor (or a map link's anchor), referencing a specific σειρά within a table, an id="section link anchor name" parameter needs to be added to the σειρά start |- or <tr>:

|- id="section link anchor name"
<tr id="section link anchor name">

Note that each anchor name must be different from every other in the page (this includes heading names), to create valid XHTML.

Example of a map link to a σειρά

When a country label, containing a link, is clicked on the map, the link coded, for example, as [[#Table_σειρά_11|Slovenia]] that references the anchor (within the table), coded as |- id="Table_σειρά_11", will make the page scroll so the top line of the page (table) will be the selected σειρά.
















         
  Countries by percent of Avaaz members per popul.
     The list can be scrolled manually or interactively

  
   #   |          Country  |     Popul. | Avaaz |  color coded %
         
1 Andorra 85,000 3,316   3.90
2 Luxembourg 498,000 14,228   2.86
3 France 64,768,000 1,827,517   2.82
4 Belgium 10,423,000 292,530   2.81
5 Iceland 309,000 7,667 2.48
6 Switzerland 7,623,000 182,814 2.40
7 Malta 407,000 9,129 2.24
8 Austria 8,214,000 167,132 2.03
9 Liechtenstein 36,000 718 1.99
10 Spain 46,506,000 810,680 1.74
11 Slovenia 2,003,000 27,780 1.39
12 Sweden 9,074,000 125,248 1.38
13 Germany 81,644,000 1,082,972 1.33
14 Italy 60,749,000 796,634 1.31
15 Ireland 4,623,000 58,504 1.27
16 United Kingdom 62,348,000 781,025 1.25
17 Portugal 10,736,000 132,219 1.23
18 Netherlands 16,574,000 191,608 1.16
19 Romania 21,959,000 211,867 0.96
20 Norway 4,676,000 36,483 0.78
21 Denmark 5,516,000 41,377 0.75
22 Bulgaria 7,149,000 52,296 0.73
23 Greece 10,750,000 78,874 0.73
24 Latvia 2,218,000 14,967 0.67
25 Estonia 1,291,000 8,535 0.66
26 Croatia 4,487,000 28,950 0.65
27 Lithuania 3,545,000 21,721 0.61
28 Finland 5,255,000 28,836 0.55
29 Hungary 9,992,000 51,684 0.52
30 Poland 38,464,000 162,643 0.42
31 Slovakia 5,470,000 22,588 0.41
32 Czech Republic 10,202,000 39,358 0.39
33 Macedonia 2,072,000 3847 0.19
34 Bosnia and Herz. 4,622,000 8,436 0.18
35 Serbia 7,345,000 12,369 0.17
36 Montenegro 667,000 1,101 0.17
37 Albania 2,987,000 3,300 0.11
38 Moldova 3,732,000 2,134 0.06
39 Russia 139,390,000 62,932 0.05
40 Belarus 9,613,000 2,643 0.03
41 Ukraine 45,416,000 13,002 0.03
99
99
99
99
99
99
99
99
99
99
99
99
99
99
99
99
99
99

Row template[Επεξεργασία | επεξεργασία κώδικα]

Regardless of whether wikitable format or HTML is used, the wikitext of the σειράs within a table, and sometimes even within a collection of tables, has much in common, e.g.:

  • the basic code for a table σειρά
  • code for color, alignment, and sorting mode
  • fixed texts such as units
  • special formats for sorting

In that case it can be useful to create a template that produces the syntax for a table σειρά, with the data as parameters. This can have many advantages:

  • easily changing the order of columns, or removing a column
  • easily adding a new column if many elements of the new column are left blank (if the column is inserted and the existing fields are unnamed, use a named parameter for the new field to avoid adding blank parameter values to many template calls)
  • computing fields from other fields, e.g. population density from population and area
  • duplicating content and providing span tags with "display:none" for the purpose of having one format for sorting and another for display
  • easy specification of a format for a whole column, such as color and alignment

Example:

Using Πρότυπο:Pim

{| class="wikitable sortable" border="1"
|-
! scope="col" | a
! scope="col" | b
! scope="col" | a/b
{{help:table/example σειρά template|  50|200}}
{{help:table/example σειρά template|   8| 11}}
{{help:table/example σειρά template|1000| 81}}
|}

gives:

a b a/b

Βοήθεια:Table/example σειρά template Βοήθεια:Table/example σειρά template Βοήθεια:Table/example σειρά template

Conditional table σειρά[Επεξεργασία | επεξεργασία κώδικα]

Κύριο λήμμα: Wikipedia:Conditional tables

For a conditional σειρά in a table, we can have:

{| class="wikitable" border="1"
 <!--
  Row one will be shown because the '1' evaluates
  to TRUE.
 -->
 {{ #if:1|{{!}}-
  ! scope="σειρά" {{!}} σειρά one, column one
  <!--
   Any {{!}}'s will get evaluated to the pipe
   character '|' since the template '!' just
   contains '|'.
  -->
  {{!}}σειρά one, column two}}
 <!--
  Row two will NOT be shown because the space
  between the ':' and the '|' evaluates to FALSE.
 -->
 {{ #if: |{{!}}-
  ! scope="σειρά" {{!}}  σειρά two, column one
  {{!}}σειρά two, column two}}
 <!--
  Row three will be shown.
 -->
 |-
  ! scope="σειρά" {{!}} σειρά three, column one
  | σειρά three, column two
|}

Which gives the following table: (note how the second σειρά is missing)

σειρά one, column one σειρά one, column two
σειρά three, column one σειρά three, column two

Other table syntax[Επεξεργασία | επεξεργασία κώδικα]

Other types of table syntax that MediaWiki supports:

  1. XHTML
  2. HTML & wiki- | syntax (Do not use)

All three are supported by MediaWiki and create (currently) valid HTML output, but the pipe syntax is the simplest. Also, HTML & wiki- | syntax (i.e., unclosed | and |- tags) will not necessarily remain bσειράser-supported in the future, especially on handheld internet-accessible devices.

See also HTML element#Tables. Note however that the thead, tbody, tfoot, colgroup, and col elements are currently not supported in MediaWiki.

Comparison of table syntax[Επεξεργασία | επεξεργασία κώδικα]

XHTML Wiki-pipe
Table
<table></table>
{|
|}
Caption
<caption>caption</caption>
|+ caption
Row
<tr></tr>
|-
Data κελί
<td>κελί1</td><td>κελί2</td>
<td>κελί3</td>
| κελί1 || κελί2
| κελί3
Επικεφαλίδα κελί
<th scope="col">column heading</th>
<th scope="σειρά">σειρά heading</th>
! scope="col" | column heading
! scope="σειρά" | σειρά heading
Sample table
1 2
3 4
<table>
 <tr>
 <td>1</td>
 <td>2</td>
 </tr>
 <tr>
 <td>3</td>
 <td>4</td>
 </tr>
</table>
{|
| 1 || 2
|-
| 3 || 4
|}
Pros
  • Can preview or debug with any XHTML editor
  • Can be indented for easier reading
  • Well-known
  • Insensitive to newlines
  • No characters like "|" which can collide with template and parser function syntax
  • Easy to write
  • Easy to read
  • Takes little space
  • Can be learned quickly
Cons
  • Tedious
  • Takes a lot of space
  • Difficult to read quickly
  • Debugging more difficult due to tag pairing requirements
  • Indented code might not match nesting.
  • Confusing newline behaviour as they only occasionally break κελίs.
  • Unfamiliar syntax for experienced HTML editors
  • Rigid structure
  • Cannot be indented for clarity
  • HTML tag text may be easier to read than pipes, plus signs, dashes, etc.
  • Requires using Πρότυπο:! to pass a "|" in a parameter.
  • Sensitive to newlines; see Help:Newlines and spaces.
XHTML Wiki-pipe

See also Template talk:For#Tables.


Captions[Επεξεργασία | επεξεργασία κώδικα]

A <caption> tag is created by

|+ Caption

which generates the HTML <caption>Caption</caption>.

You can also use parameters:

|+ params|Caption

which will generate <caption params>Caption</caption>.

Summaries[Επεξεργασία | επεξεργασία κώδικα]

The use of summary currently renders invalid HTML5. A fix has been requested to update summary to use valid HTML5 elements; see Πρότυπο:Bug.

A summary is produced by adding a summary attribute after the start of the table. It can be used by screen readers to give visually impaired readers the overall gist of the table, without having to listen to the entire table. For example:

{| summary="Artistic renderings of Germania became more triumphant and monumental."
| [[File:Philipp Veit 008.jpg|thumb|upright|alt=Robed woman, seated, with sword on her lap|Philipp Veit, ''Germania'', 1834–36]]
| [[File:Image Germania (painting).jpg|thumb|upright|alt=Robed woman, standing, holding a sword|Philipp Veit, ''Germania'', 1848]]
| [[File:Niederwald memorial 2.JPG|thumb|upright|alt=Monument of robed woman, standing, holding a cσειράn in one hand and a partly sheathed sword in another|Johannes Schilling, ''Germania'', 1871–83]]
|}

produces:

Robed woman, seated, with sword on her lap
Philipp Veit, Germania, 1834–36
Robed woman, standing, holding a sword
Philipp Veit, Germania, 1848
Monument of robed woman, standing, holding a cσειράn in one hand and a partly sheathed sword in another
Johannes Schilling, Germania, 1871–83

-->

Table κελί templates[Επεξεργασία | επεξεργασία κώδικα]

{{Table κελί templates}} provide a set of templates to configure text and color in κελίs in a standard way, using phrases such as Yes, No or n/a.

Square monitors[Επεξεργασία | επεξεργασία κώδικα]

To format for a square monitor or window, use a tape measure. Determine the height of your rectangular screen. Using that figure measure under the screen to determine the width your monitor’s screen would be if it were square. Mark that location using ink or tape under the screen. Drag the side of your bσειράser’s window to that location so the window is square based on accurate measurements. Square monitors and reading windows are not able to contain tables and galleries made for rectangular and wide screens. When a table or gallery is wider than the monitor, it makes every line of text wider than the screen as well. The px amounts of the following gallery were determined after measuring the window to make sure it was square:

Type this:

{| style="background: transparent; margin: auto;"
| [[File:Some window blinds.JPG|192x155px|thumb|left|Various window shades]]
| [[File:Vert-blinds-2145-rs.jpg|192x170px|thumb|left|Vertical blinds]]
| [[File:Gardine.jpg|192x155px|thumb|left|This is not a blind]]
|}

{| style="background: transparent; margin: auto;"
| [[File:Vorhang.jpg|192x155px|thumb|left|Solid shade]]
| [[File:Jalousie-1.jpg|328x55px|thumb|left|Horizonal blinds]]
|}

{| style="background: transparent; margin: auto;"
| [[File:Some window blinds.JPG|205px|thumb|left|Shade, shutters; vertical and horizontal blinds.]]
| [[File:Miniblinds detail of mechanism.jpg|388px|thumb|left|<!--
 -->Detail of turning rod (blind stick) attachment on miniblinds]]
|}

For this:

Various window shades
Vertical blinds
This is not a blind
Solid shade
Horizonal blinds
Shade, shutters; vertical and horizontal blinds.
Detail of turning rod (blind stick) attachment on miniblinds

Vertically oriented column επικεφαλίδαs[Επεξεργασία | επεξεργασία κώδικα]

Sometimes it is desirable (such as in a table predominantly made of numbers) to rotate text such that it proceeds from top to bottom or bottom to top instead of from left to right or right to left. Currently, bσειράser support for this type of styling as a component of HTML or CSS is sporadic (Internet Explorer is one of the few bσειράsers that supports this in cascading stylesheets, albeit in a non-standard way). An alternative solution that works in most if not all bσειράsers is to use images in place of the text. For instance, the following table uses SVG images instead of text to produce the rotated column headings:

Wpvg hd date page.svg Wpvg vg project.svg Wpvg vg talk.svg Wpvg vg portal.svg Wpvg vg article guidelines.svg Wpvg vg templates.svg Wpvg vg sources.svg Wpvg vg assessment.svg Wpvg vg cleanup.svg Wpvg vg requests.svg
05/08 4266 7828 7282 1105 224 161 916 506 231
04/08 4127 6190 6487 1139 241 205 1165 478 301

Normally, one problem with this approach is that readers are directed to different pages when they click on the images. To eliminate this problem—or to direct readers to a different page—you can use the link parameter. A column-επικεφαλίδα can be coded as follows:


! style="width:3em;" | [[File:wpvg vg project.svg|link=xxxx]]

The image will wikilink to article "xxxx".

By setting the link to an empty string (e.g. [[File:wpvg hd date page.svg|link=]]), no navigation will occur when visitors click on an image. Note that it might also be a good idea to color the image text blue if you are using the images as links. Also, SVG is the preferred image format in this case because it can be re-scaled to any size without producing artifacts.

A more serious problem is that the "rotated text" is not text that can be used by screen readers and other technologies for visually-disabled users. So those users will not be able to "read" the column headings. Also automated search engine web crawlers would not be able to read the text.

Πίνακες Wiki ως γκαλερί εικόνων[Επεξεργασία | επεξεργασία κώδικα]

Ένα πίνακας wiki μπορεί να χρησιμοποιηθεί για να εμφανιστούν εικόνες δίπλα-δίπλα, ως μια γκαλερί εικόνων (μορφοποιούνται από "<gallery>"), αλλά με μεγαλύτερες εικόνες και λιγότερες κενές περιοχές γύρω από τις φωτογραφίες.

Μια απλή πλαισιωμένη γκαλερί μπορεί να μορφοποιηθεί χρησιμοποιώντας class = "wikitable" για να δημιουργήσει τις ελάχιστες λεπτές γραμμές γύρω από τις εικόνες/φωτογραφίες στον πίνακα:

 {| class="wikitable" border="1"
 |-
 |<!--column1-->[[File:Worms 01.jpg|265px]]
 |<!--column2-->[[File:Worms Wappen 2005-05-27.jpg|235px]]
 |-
 |<!--column1-->Η γέφυρα Nibelungen στο Worms<br />απέναντι από το [[Ρήνος|Ρήνο]]
 |<!--column2-->Το Worms και οι αδελφοποιημένες πόλεις
 |}<!--end wikitable-->

Σημειώστε το αποτέλεσμα παρακάτω (με λεπτή επένδυση κελιών):

Worms 01.jpg Worms Wappen 2005-05-27.jpg
Η γέφυρα Nibelungen στο Worms
απέναντι από το Ρήνο
Το Worms και οι αδελφοποιημένες πόλεις

Ένα ακόμα θέμα σχετικά με το πρότυπο "<gallery>", από το 2007 έως το 2008, ήταν ότι τοποθετώντας 4 εικόνες σε κάθε γραμμή, υπερέβαινε το δεξιό περιθώριο σε ένα λήμμα wiki, εμφανίζονταν με πλάτος στυλ πορτρέτου (σαν 800x600), εκτός και αν η γκαλερί είχε μόνο 3 εικόνες. Ωστόσο, ένας πίνακας wiki χρησιμοποιεί τυπικούς συνδέσμους εικόνες με μεγέθη, όπως "[[Image:XXX.jpg|130px]]" και έτσι 4 εικόνες μπορούν να παρουσιαστούν σε ένα wikitable με πλάτος 600px (για οθόνες ανάλυσης 800 × 600).

 {| class="wikitable" border="1"
 |-
 |<!--col1-->[[File:Worms 01.jpg|130px]]
 |<!--col2-->[[File:Worms Wappen 2005-05-27.jpg|125px]]
 |<!--col3-->[[File:Liberty-statue-with-manhattan.jpg|125px]]
 |<!--col4-->[[File:New-York-Jan2005.jpg|125px]]
 |-
 |<!--col1-->Η γέφυρα Nibelungen στο Worms
 |<!--col2-->Το Worms και οι αδελφοποιημένες πόλεις
 |<!--col3-->Άγαλμα της ελευθερίας
 |<!--col4-->Νέα Υόρκη
 |}<!--end wikitable-->
Worms 01.jpg Worms Wappen 2005-05-27.jpg Liberty-statue-with-manhattan.jpg New-York-Jan2005.jpg
Η γέφυρα Nibelungen στο Worms Το Worms και οι αδελφοποιημένες πόλεις Άγαλμα της ελευθερίας Νέα Υόρκη

Ακόμα ένα πλεονέκτημα σχετικά με τις εικόνες σε πίνακες wiki, σε σύγκριση με τη μορφοποίηση "<gallery>", είναι η ικανότητα «τετραγωνισμού» κάθε εικόνες όταν απαιτούνται όμοια ύψοι, ώστε να εξεταστεί το ενδεχόμενο εισαγωγής εικόνων με 2 αριθμούς με συγκεκριμένω μέγεθος (όπως "199x95px"), όπου ο δεύτερος αριθμός καθορίζει το ύψος:

 {| class="wikitable" border="1"
 |-
 |<!--col1-->[[File:Liberty-statue-with-manhattan.jpg|199x95px]]
 |<!--col2-->[[File:New-York-Jan2005.jpg|199x95px]]
 |<!--col3-->[[File:Gold star on blue.gif|199x95px]]
 |<!--col4-->[[File:Worms 01.jpg|100x95px]]<!--smaller-->
 |-
 |<!--col1-->Η γέφυρα Nibelungen στο Worms
 |<!--col2-->Το Worms και οι αδελφοποιημένες πόλεις
 |<!--col3-->Άγαλμα της ελευθερίας
 |<!--col4-->Νέα Υόρκη
 |}<!--end wikitable-->

Σημειώστε ότι 3 εικόνες με μέγεθος"199x95px" εμφανίζουν όμοια ύψοι, στα 95px (η 4η εικόνα είναι εσκεμμένα μικρότερη). Το "95px" καθορίζει το ύψος, ενώ το "199x" ταιριάζει με πολλαπλά πλάτη (μπορεί να είναι ακόμη και "999x"):

Liberty-statue-with-manhattan.jpg New-York-Jan2005.jpg Gold star on blue.gif Worms 01.jpg
Η γέφυρα Nibelungen στο Worms Το Worms και οι αδελφοποιημένες πόλεις Άγαλμα της ελευθερίας Νέα Υόρκη

Έτσι, η χρήση μεγέθους "199x95px" (η "999x95px") παράγει αυτό-καθορισμό του μεγέθους του ύψους πέρα της "<gallery>" και με την επιλογή ρύθμισης μεγαλύτερης μικροκραφίας ("199x105px"), ή ακόμη το να έχεις κάποιες εικόνες σκόπιμα μιρκότερας από άλλες εικόνες ύψους "95px". Ένα πολύ μικρό ύψος ("70px") επιτρέπει πιο πολλές εικόνες στον πίνακα:

 {| class="wikitable" border="1"
 |-
 |<!--col1-->[[File:Liberty-statue-with-manhattan.jpg|199x70px]]
 |<!--col2-->[[File:Gold star on blue.gif|199x70px]]
 |<!--col3-->[[File:New-York-Jan2005.jpg|199x70px]]
 |<!--col4-->[[File:Gold star on deep red.gif|199x70px]]
 |<!--col5-->[[File:Worms 01.jpg|199x70px]]<!--ίδιο ύψος-->
 |<!--col6-->[[File:Gold star on blue.gif|199x70px]]
 |}

Ο πιο πάνω κωδικός πίνακας wiki παράγει το πιο κάτω αποτέλεσμα, με 6 στήλες:

Liberty-statue-with-manhattan.jpg Gold star on blue.gif New-York-Jan2005.jpg Gold star on deep red.gif Worms 01.jpg Gold star on blue.gif

Όταν οι εικόνες έχουν τοποθετηεθί σε ένα πίνακα wiki, ο έλεγχος της μορφοποίησης μπορεί να ρυθμιστεί όταν προστεθούν περισσότερες φωτογραφίες.

Μετατόπιση/κεντράρισμα[Επεξεργασία | επεξεργασία κώδικα]

Οι εικόνες σε ένα πίνακα wiki μπορούν να μετατοπισθούν με την εισαγωγή μη κενών διαστημάτων ("&nbsp;") πριν η μετά το σύνδεσμο της εικόνας ("&nbsp;[[Image:]]"). Ωστόσο, το αυτό-κεντράρισμα απλά απαιτεί τη χρήση παραμέτρου κέντου για να τοποθετηθεί γύρω από ένα σύνδεσμο εικόνας σε ένα κελί ("<center>[[File:..]]</center>").

Στο πιο κάτω παράδειγμα, σημειώστε πως το Col2 χρησιμοποιεί <center>, αλλά το Col3 χρησιμοποιεί "&nbsp;":

 {| class="wikitable" border="1"
 |-
 |<!--Col1-->[[File:Domtoren vanaf Brigittenstraat.jpg|299x125px]]
 |<!--Col2--><center>[[File:Utrecht 003.jpg|299x125px]]</center>
 |<!--Col3-->&nbsp;[[File:Uitzicht--Domtoren.jpg|299x125px]]&nbsp;
 |-
 |<!--Col1-->Ο πύργος Dom από το Brigittenstraat
 |<!--Col2-->Cloister garth of the Utrecht Dom Church
 |<!--Col3-->&nbsp;&nbsp;<small>Θέα από το καμπαναριό</small>
 |}

Ο πιο πάνω κώδικας παράγει τον πιο κάτω πίνακα: σημειώστε ότι η μεσαία εικόνα είναι κεντραρισμένη (αλλά όχι η αριστερή εικόνα), και η αριστερή εικόνα έχει δύο κενά πριν το «Θέα...»:

Domtoren vanaf Brigittenstraat.jpg
Utrecht 003.jpg
 Uitzicht vanaf de Domtoren.jpg 
Ο πύργος Dom από το Brigittenstraat Cloister garth of the Utrecht Dom Church &nbsp;&nbsp;Θέα από το καμπαναριό

Επίσης, σημειώστε ότι η ετικέτα "<small>" δημιουργεί μια μικρότερη μεγέθους λεζάντα. Ωστόσο, οι γραμματοσειρές, επίσης μπορεί να είναι μεγάθους επί τοις εκατό (style="font-size: 87%;"), όπου το πραγματικό ποσοστό μεγέθους που εμφανίζεται εξαρτάται από τα διάφορα μεγέθη που επιτρέπονται για μια συγκεκριμένη γραμματοσειρά.

 | style="font-size: 87%;" | View from bell tower

Η ιδιότητα της στήλης, παραπάνω, χρησιμοποιεί "style=" για να ορίσει το μέγεθος της γραμματοσειράς για τη λεζάντα, μετά τη 2η κάθετη γραμμή "|".

Ένα μέγεθος γραμματοσειράς: 65% είναι πολύ μικρό, ενώ το style="font-size: 87%;" είναι μια μεσαίου μεγέθου γραμματοσειρά, μεγαλύτερη από την ετικέττα small.

Δημιουργώντας ένα γράφημα από ένα πίνακα[Επεξεργασία | επεξεργασία κώδικα]

Χρησιμοποιώντας το πρότυπο Πρότυπο:T ή άλλο πρότυπο που χρησιμοποιεί Πρότυπο:T.

Μετατρέποντας ένα λογιστικό φύλλο σε πίνακα[Επεξεργασία | επεξεργασία κώδικα]

Για να μετατρέψετε ένα λογιστικό φύλλο (Gnumeric, MS Excel ή OpenOffice.org Calc), μπορείτε να χρησιμοποιήσετε Copy & Paste Excel-to-Wiki τον μετατροπέα.

Δείτε ακόμα[Επεξεργασία | επεξεργασία κώδικα]

External links[Επεξεργασία | επεξεργασία κώδικα]

Πρότυπο:Help navigation

Category:Wikipedia how-to Category:Wikipedia text help Category:Wikipedia tables