Templat:Sticky table start
Tampilan
| Templat ini menggunakan TemplateStyles: |
Templat ini menambahkan wadah yang dapat digulir di sekitar tabel dan kelas-kelasnya dapat digunakan untuk membuat baris-baris tabel menempel di bagian atas atau kolom-kolom menempel di sisi kiri wadah saat data tabel digulir masuk dan keluar dari tampilan.
Templat ini digunakan pada tabel yang tinggi dan/atau lebar dengan tajuk yang mungkin sulit diingat saat pengguna menggulir data. Templat ini menjaga tabel yang sangat lebar tetap berada dalam lebar area konten utama sehingga tampilan Wikipedia versi komputer (PC) tetap utuh.
Penggunaan
[sunting sumber]Tambahkan {{sticky table start}} pada bagian atas dan {{sticky table end}} pada bagian bawah sebuah tabel. Tambahkan pula kelas-kelas berikut sesuai kebutuhan.
Table classes
[sunting sumber]| Class | Keterangan |
|---|---|
sticky-table-head |
Make the table head top sticky. Don't combine with sticky-table-rowN. Requires sortable table, which moves consecutive top header rows into the <thead> (table head) HTML element. Rows using the sorttop class become sticky after sorting (issue: T355492). Avoid making headers sticky that aren't for the entire table (ex. section header rows). Avoid making excessively tall header rows sticky that might block too much data on short screens (ex. mobile landscape). |
sticky-table-rowN |
Make row N top sticky where N is a number from 1 to 2. Limit 1 to avoid stacking issues where a taller row 1 is still visible. Don't combine with sticky-table-head. Unpredictable results if the row spans or is spanned with the rowspan attribute. |
sticky-table-colN |
Make column N left sticky where N is a number from 1 to 2. Limit 1 to avoid stacking issues where a wider column 1 is still visible. Unpredictable results if the column spans or is spanned with the colspan attribute. Avoid making an excessively wide column sticky that might block too much data on narrow screens (ex. mobile portrait). |
Cell classes
[sunting sumber]| Class | Keterangan |
|---|---|
sticky-table-none |
Remove sticky from cell in cases where rowspan causes an issue. For example, a sticky column using rowspan will have some cells that are sticky in the next column. See usage example. Usage search. |
sticky-table-left |
Add left sticky to cell in cases where rowspan causes an issue. For example, column 1 using rowspan with a sticky column 2 will have some cells in column 2 that are not sticky and some in column 3 that are sticky. See usage example. Usage search. |
Baris 1 dan kolom 1 menempel
[sunting sumber]Catatan: Juga bisa untuk tabel dengan class sortable.
{{Sticky table start}}
{| class="wikitable sticky-table-row1 sticky-table-col1"
⫶
|}
{{Sticky table end}}
| Subek 1 | Subek 2 | Subek 3 | Subek 4 | Subek 5 | Subek 6 | Subek 7 | Subek 8 | Subek 9 | Subek 10 | Subek 11 | Subek 12 | Subek 13 | Subek 14 | Subek 15 | Subek 16 | Subek 17 | Subek 18 | Subek 19 | Subek 20 | Subek 21 | Subek 22 | Subek 23 | Subek 24 | Subek 25 | Subek 26 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |
| data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data | data |