Lewati ke konten utama
Waktu membaca 3 menit (685 kata)

Tabel WordPress lebih responsif dengan header berulang

BERITA-DECEMBER_20210119-054051_1

Tabel WordPress adalah pedang bermata dua, terlepas dari kemajuan WordPress selama bertahun-tahun. Mereka adalah kandidat yang tepat untuk menyajikan data, namun tidak cocok untuk menyampaikan sebuah cerita. Jika menurut Anda itu belum cukup buruk, tunggu sampai Anda mendengar tentang ponsel cerdas dan tablet: perangkat yang memiliki lebih sedikit ruang untuk menampilkan data. Ada beberapa kelemahan tabel yang harus Anda pelajari, namun 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.

 

Mencari solusi manajemen tabel yang tangguh untuk situs web klien?

Dari tabel harga hingga perbandingan produk, plugin ini menawarkan fitur canggih untuk menyajikan data dengan cara yang jelas dan mudah digunakan.
Dapatkan keunggulan kompetitif sekarang!

DAPATKAN PLUGIN SEKARANG

 

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, ditetapkan secara default ke tabel normal ketika terdapat cukup ruang, seperti pada perangkat desktop, seperti komputer atau laptop. Jika tidak ada cukup ruang, tabel akan diciutkan menjadi tabel sederhana dengan dua kolom: header tabel dan nilai baris.

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

 

Berkat perilaku responsif sederhana ini, mode tabel header berulang memungkinkan Anda menambahkan data sebanyak yang Anda inginkan ke tabel 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 mendapat warna berbeda, menjaga konteks dan memungkinkan pembaca WordPress Anda membedakan catatan.

 

Menyesuaikan tabel responsif dalam mode header berulang

Anda dapat memilih mode header berulang saat mengedit tabel: pilih opsi responsif dari format , lalu cari 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 merender tabel seperti biasa, dan beralih ke mode header berulang yang responsif. Anda dapat memperkirakan nilai ini berdasarkan tema WordPress Anda dan berapa banyak kolom yang Anda miliki: jika menurut Anda tabel tidak akan muat di bawah lebar tertentu, gunakan tabel tersebut sebagai titik henti sementara.

 

Jika Anda memiliki banyak baris atau banyak kolom, kemungkinan mode header berulang akan membuat halaman menjadi sangat panjang. Ketinggian 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.

 

Memanggil semua webmaster!

Tingkatkan situs web klien Anda dengan WP Table Manager . Kelola dan sesuaikan tabel, bagan, dan spreadsheet dengan mudah, memberikan klien visualisasi data yang dinamis dan menarik.
Tingkatkan layanan desain web Anda hari ini!

DAPATKAN PLUGIN SEKARANG

 

Tidak ada solusi ajaib untuk tabel responsif, tetapi mode header berulang untuk tabel WordPress sudah hampir sama. Baik Anda memiliki tabel kecil atau tabel besar dengan banyak baris dan kolom, mode header berulang WP Table Manager yang baru memastikan data Anda selalu pas, apa pun perangkatnya.

6
Tetap Terinformasi

Saat Anda berlangganan blog ini, kami akan mengirimi Anda email bila ada pembaruan baru di situs sehingga Anda tidak akan melewatkannya.

Pos terkait

 

Komentar

Belum ada komentar. Jadilah yang pertama mengirimkan komentar
Sudah terdaftar? Masuk disini
Jumat, 20 Desember 2024

Gambar Captcha