Tabel WordPress yang lebih responsif dengan header berulang

Tabel WordPress adalah pedang bermata dua, terlepas dari kemajuan WordPress selama bertahun-tahun. Tabel adalah kandidat sempurna untuk menyajikan data, tetapi tidak cocok untuk bercerita. Jika Anda merasa itu belum cukup buruk, tunggu sampai Anda mendengar tentang smartphone dan tablet: perangkat yang ruangnya bahkan lebih sedikit untuk menampilkan data. Ada beberapa kekurangan tabel yang harus Anda terima, tetapi responsivitas bukan salah satunya.

Pembaruan besar terakhir untuk WP Table Manager memperkenalkan desain responsif baru untuk tabel dengan opsi responsif tambahan. Sekarang, ada versi yang lebih baru dan lebih baik dari pengelola tabel WordPress yang menambahkan mode responsif baru dan opsi baru untuk membantu Anda menyesuaikan tabel responsif dan perilakunya: header berulang.

Tabel responsif dengan header berulang

Apa yang terjadi jika tidak ada cukup ruang untuk menampilkan tabel? Pada pembaruan sebelumnya, WP Table Manager memberi Anda dua opsi responsif: menambahkan bilah gulir dan menyembunyikan kolom. Kedua mode ini memiliki penerapannya masing-masing, tetapi jika Anda ingin menghindari pengguliran horizontal atau menyembunyikan data, mode ketiga yang baru mungkin yang Anda cari: header berulang.

Mode responsif header berulang, seperti semua mode lainnya, secara default menampilkan tabel normal ketika ruang mencukupi, misalnya pada perangkat desktop seperti komputer atau laptop. Ketika ruang tidak mencukupi, tabel akan menyusut menjadi tabel yang lebih sederhana dengan dua kolom: header tabel dan nilai baris.

Dalam praktiknya, ini berarti bahwa jika Anda memiliki empat kolom dalam sebuah tabel, setiap baris pada tabel asli akan direpresentasikan sebagai empat baris baru dalam versi responsif. Setiap baris baru hanya memiliki header asli dan nilai datanya. Skema ini berlaku untuk setiap baris pada tabel asli, sehingga selalu ada header yang berulang di samping nilai data.

Berkat perilaku responsif yang sederhana ini, mode tabel dengan header berulang memungkinkan Anda menambahkan data sebanyak yang Anda inginkan ke dalam tabel tanpa perlu khawatir tentang tampilannya di ponsel dan tablet. Selain itu, WP Table Manager menggunakan warna bergantian untuk baris pada perangkat yang lebih kecil: setiap baris pada tabel asli mendapat warna yang berbeda, mempertahankan konteks dan memungkinkan pembaca WordPress Anda membedakan antar catatan.

Menyesuaikan tabel responsif dalam mode header berulang

Anda dapat memilih mode header berulang saat mengedit tabel: pilih opsi responsif dari menu format , lalu cari mode header berulang dari dropdown pertama. Anda juga dapat menyesuaikan tabel header berulang dengan dua cara: breakpoint responsif dan tinggi maksimum responsif.

Breakpoint responsif adalah lebar di mana plugin pengelola tabel WordPress berhenti menampilkan tabel seperti biasa, dan beralih ke mode responsif dengan header berulang. Anda dapat memperkirakan nilai ini berdasarkan tema WordPress Anda dan berapa banyak kolom yang Anda miliki: jika Anda merasa tabel tidak akan muat di bawah lebar tertentu, gunakan lebar tersebut sebagai breakpoint.

Jika Anda memiliki banyak baris atau banyak kolom, mungkin mode header berulang akan membuat halaman menjadi sangat panjang. Tinggi maksimum responsif mengatasi masalah ini dengan membatasi tinggi tabel header berulang dalam mode responsif. Jika tabel responsif terlalu panjang, pembaca WordPress Anda dapat menggunakan scrollbar untuk melihat lebih banyak data seperti biasa.

Tidak ada solusi instan untuk tabel responsif, tetapi mode header berulang untuk tabel WordPress hampir mendekati. Baik Anda memiliki tabel kecil atau tabel besar dengan banyak baris dan kolom, mode header berulang baru dari WP Table Managermemastikan data Anda selalu pas, apa pun perangkatnya.