Tabel WordPress yang lebih responsif dengan header berulang

Tabel WordPress adalah pedang bermata dua, terlepas dari kemajuan WordPress selama bertahun-tahun. Mereka adalah kandidat yang sempurna untuk menyajikan data, tetapi tidak cocok untuk bercerita. Jika menurut Anda itu tidak cukup buruk, tunggu sampai Anda mendengar tentang smartphone dan tablet: perangkat di mana Anda memiliki lebih sedikit ruang untuk menampilkan data. Ada beberapa kelemahan tabel yang harus Anda pelajari untuk dijalani, tetapi daya tanggap bukanlah salah satunya.

Pembaruan besar terakhir untuk WP Table Manager memperkenalkan desain responsif baru untuk tabel dengan opsi responsif tambahan. Sekarang, ada versi pengelola tabel WordPress yang lebih baru dan lebih baik 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 adalah yang Anda cari: header berulang.

Mode responsif header berulang, seperti semua mode lainnya, default ke tabel normal bila ada cukup ruang, seperti pada perangkat desktop, seperti komputer atau laptop. Jika tidak ada cukup ruang, tabel akan diciutkan 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 dalam 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 dalam tabel asli, jadi selalu ada header berulang di sebelah nilai data.

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

Menyesuaikan tabel responsif dalam mode tajuk 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: titik henti sementara responsif dan ketinggian maksimum responsif.

Breakpoint responsif adalah lebar di bawah mana plugin pengelola tabel WordPress berhenti merender tabel seperti biasa, dan alih-alih beralih ke mode header berulang yang responsif. Anda dapat memperkirakan nilai ini berdasarkan tema WordPress Anda dan pada berapa banyak kolom yang Anda miliki: jika menurut Anda tabel tidak muat di bawah lebar tertentu, gunakan itu sebagai breakpoint.

Jika Anda memiliki banyak baris atau banyak kolom, mungkin saja mode header berulang akan membuat halaman yang sangat panjang. Ketinggian maksimum responsif mengatasi masalah ini dengan membatasi ketinggian 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 peluru ajaib untuk tabel responsif, tetapi mode tajuk berulang untuk tabel WordPress mendekati. Apakah Anda memiliki meja kecil atau meja besar dengan banyak baris dan kolom, mode header berulang baru WP Table Manager memastikan data Anda selalu cocok, apa pun perangkatnya.