Bantuan:Tabel
Sebuah tabel adalah susunan baris dan kolom yang digunakan untuk mengatur dan menempatkan data. Perangkat lunak MediaWiki yang digunakan oleh Wikipedia menyediakan fasilitas pembuatan tabel dengan dua cara: sintaks HTML dan sintaks tabel-wiki (sintaks tabel-wiki lebih dianjurkan). Tabel dapat dikustomisasi dengan berbagai gaya dan reka. Dianjurkan memakai daftar berkolom sebagai pertimbangan.
Menggunakan toolbar
Klik atau (Tabel) pada bilah alat penyunting untuk menambahkan tabel secara otomatis. Jika tombol "Tabel" belum ada pada bilah alat penyunting, ikuti panduan ini untuk menambahkannya.
Setelah diklik, akan muncul jendela "Masukkan tabel". Jika Anda langsung mengeklik tombol "Masukkan" pada jendela itu, akan muncul teks berikut ini:
{| class="wikitable" |- ! Teks judul !! Teks judul !! Teks judul |- | Teks sel || Teks sel || Teks sel |- | Teks sel || Teks sel || Teks sel |- | Teks sel || Teks sel || Teks sel |}
Kode tersebut akan menghasilkan tabel berikut:
Teks judul | Teks judul | Teks judul |
---|---|---|
Teks sel | Teks sel | Teks sel |
Teks sel | Teks sel | Teks sel |
Teks sel | Teks sel | Teks sel |
Teks yang disediakan ("Teks judul" dan "Teks sel") diganti dengan data yang ingin ditaruh pada tabel.
Sintaks tabel-wiki
Berikut ringkasan penggunaan sederhana/dasar sintaks wiki untuk membuat tabel:
- Tabel dimulai dengan {| dan diakhiri dengan |}.
- Judul tabel ditandai dengan satu baris baru yang berbentuk |+ judul tabel.
- Baris baru ditandai dengan baris baru yang diawali |-.
- Judul kolom ditandai dengan baris baru yang berbentuk ! judul kolom.
- Kolom data ditandai dengan baris baru yang berbentuk | isi kolom.
Setiap jenis elemen di atas harus berada pada baris sendiri. Untuk penyederhanaan, kolom data maupun judul kolom dapat digabungkan menjadi satu baris dengan memberikan markah !! atau ||.
Parameter tabel yang dapat digunakan pada tabel-wiki sama dengan HTML ([1]) dan diberikan setelah markah yang sesuai.
- Parameter untuk tabel secara keseluruhan, diberikan setelah {|.
Contoh: {| cellpadding="2" width="100%". - Parameter untuk baris, diberikan setelah |-.
Contoh: |- valign="top". - Parameter untuk judul kolom atau kolom data diberikan setelah ! atau | dan dibatasi dengan isi kolom dengan |.
Contoh: | align="center" | Isi data.
Contoh
Tabel sederhana
{| |+ Daftar presiden Indonesia |- ! No ! Nama ! Dari ! Sampai |- | 1 | Soekarno | 1945 | 1967 |- | 2 | Soeharto | 1967 | 1998 |}
Akan menghasilkan tampilan:
No | Nama | Dari | Sampai |
---|---|---|---|
1 | Soekarno | 1945 | 1967 |
2 | Soeharto | 1967 | 1998 |
Penggabungan kolom
{| |+ Daftar presiden Indonesia |- ! No !! Nama !! Dari !! Sampai |- | 1 || Soekarno || 1945 || 1967 |- | 2 || Soeharto || 1967 || 1998 |}
Akan memberikan hasil yang sama dengan contoh sebelumnya.
Parameter
{| cellpadding="2" cellspacing="1" |- bgcolor="lightgrey" ! align="center" | No !! bgcolor="#ff0" | Nama !! Dari !! Sampai |- | align="right" | 1 || Soekarno || 1945 || 1967 |- | align="right" | 2 || Soeharto || 1967 || style="color: red;" | 1998 |}
Akan menghasilkan tabel:
No | Nama | Dari | Sampai |
---|---|---|---|
1 | Soekarno | 1945 | 1967 |
2 | Soeharto | 1967 | 1998 |
Warna
{| | style="background:red; color:white" | abc | def | bgcolor="red" | <span style="color:white"> ghi </span> | jkl |}
Akan menghasilkan tabel:
abc def ghi jkl
Catatan: Kode untuk "bgcolor
" dapat dilihat di situs W3 bagian deprecated.
Sebagaimana parameter lain, warna dapat ditentukan untuk seluruh baris atau seluruh tabel; parameter untuk baris lebih diutamakan daripada nilai untuk seluruh tabel, dan parameter untuk sel lebih utama daripada untuk baris:
{| style="background:yellow; color:green" |- | abc || def || ghi |- style="background:red; color:white" | jkl || mno || pqr |- | stu || style="background:silver" | vwx || yz |}
Akan menghasilkan tabel:
abc def ghi jkl mno pqr stu vwx yz
Prettytable
Class prettytable adalah sebuah tableclass yang didefinisikan di Wikipedia. Dengan memakai class ini, tabel akan ditambahkan garis horisontal dan vertikal serta warna latar belakang abu-abu.
Standar | Hasil | Dengan Prettytable | Hasil | ||||||||||||||||||||||||||||
{| |- !No. !Keterangan |- ||1.||Satu |- ||2.||Dua |- ||3.||Tiga |- ||4.||Empat |- ||5.||Lima |- ||6.||Enam |} |
|
{| class=prettytable |- !No. !Keterangan |- ||1.||Satu |- ||2.||Dua |- ||3.||Tiga |- ||4.||Empat |- ||5.||Lima |- ||6.||Enam |} |
|
Untuk class "tabelcantik" sebagai pengembangan dari "prettytable", lihat Bantuan:Tabelcantik. Class "tabelcantik" secara otomatis menambahkan warna selang-seling pada setiap pergantian baris.
Lihat pula
- Bantuan:Halaman multikolom
- Bantuan:Memperbaiki pranala sunting yang bertumpuk
- m:Help:Table
- Bantuan:Tabelcantik
Pranala luar
- (Inggris) csv2wp, konvertor CSV ke tabel wiki
- (Inggris) Konvertor tabel HTML ke tabel wiki di cnic.org
- (Inggris) Konvertor tabel HTML ke tabel wiki di wackyboy.com
- (Inggris) Konvertor tabel HTML ke tabel wiki di uni-bonn.de
- (Inggris) Konvertor tabel HTML ke tabel wiki di diberri.dyndns.org
- (Jerman) VBA-Macro untuk EXCEL tableconversion