WP Table Manager : Tabel Penataan

1. Format

Pada toolbar, Anda dapat mengatur gaya untuk sel seperti: font, ukuran font, gaya teks, warna latar belakang untuk sel, warna teks, aligment horizontal dan vertikal sel, ... Dapat diterapkan untuk sel tunggal atau multi sel

Anda dapat memilih persentase untuk editor tabel. Itu berarti Anda dapat memperbesar/memperkecil tabel Anda, berkisar dari 50% hingga 200%.

Tinggi baris dan lebar kolom dapat ditentukan dalam piksel. Silakan masuk ke Menu Format > Terapkan ukuran kolom/baris , lalu pilih Ubah ukuran kolom / Ubah ukuran baris . Di jendela popup, Anda dapat memilih rentang dan mengatur px untuk kolom atau baris. Klik Selesai untuk menyelesaikan.

2. Tema dan pilihan

Di setiap tabel, Anda dapat menemukan opsi pemilihan Tema di Menu Tema. Cukup klik pada tema untuk menerapkannya.

Menerapkan tema akan menggantikan semua data dan gaya di dalam tabel Anda. Jadi cara untuk melanjutkan adalah dengan menerapkan tema kemudian mengedit data untuk membuat tema Anda sendiri kemudian menduplikasi tabel Anda.

Warna alternatif

Pada Menu Tema > Warna alternatif , fitur "Penataan gaya otomatis" membantu Anda mewarnai garis di meja Anda dengan opsi gaya Header dan Footer Anda dapat memilih gaya templat atau membuatnya sendiri di pengaturan plugin.

Dan Anda dapat menghapus warna alternatif dengan mengeklik "Hapus > Hapus gaya otomatis" pada menu klik kanan. Kemudian warnanya akan dibersihkan setelah konfirmasi Anda.

Penyelarasan tabel

Perataan tabel adalah tentang menyelaraskan div yang berisi seluruh tabel, misalnya memusatkan semua tabel. Anda dapat menemukannya di Menu Format > Perataan tabel .

Penyorotan sel

Sorotan sel juga tersedia sebagai opsi. Anda dapat mengaktifkan fitur ini di konfigurasi. Ini dinonaktifkan secara default. Anda dapat memilih baris sorotan untuk menyesuaikan warna dan opasitas sorotan.

Pada setiap sel pada tabel, Anda dapat melihat opsi Add tooltip saat melakukan klik kanan padanya.

Anda dapat mengatur lebar tooltip dalam piksel. Ini akan membawa Anda ke tooltip dengan editor untuk diedit.

Tambahkan konten dan simpan, selesai, tooltip akan ditampilkan di sisi publik dengan mouse hover.

4. Pembekuan baris dan kolom

Pembekuan kolom

Pembekuan kolom tersedia di Menu Format > Opsi Responsif . Anda dapat membekukan hingga 5 kolom. Itu dihitung dari kolom pertama.

Untuk membuat col/row membeku, ada opsi tambahan yang memungkinkan Anda memperbaiki ketinggian tabel (karena wadah meja Anda mungkin memiliki ketinggian tak terbatas).

Ketika Anda telah memilih kolom untuk dibekukan, Anda akan dapat menggulir di atas meja Anda dan selalu menampilkan kolom tetap.

Pembekuan baris

Anda dapat menemukannya di Menu Format > Table header , dari sini Anda dapat mengaktifkan opsi dan mengatur baris untuk dibekukan (hingga 5 baris).

Jika Anda ingin mengatur ketinggian meja, silakan kembali ke opsi Responsif.

Kemudian baris pertama akan dibekukan di frontend mengikuti pengaturan.

5. Sortir dan Filter

Jika Anda ingin mengurutkan atau memfilter tabel Anda, silakan navigasikan ke opsi Menu Format > Sortir dan filter .

Kemudian muncul popup yang berisi opsi sortir dan filter.

Jika Anda ingin mengurutkan tabel, cukup aktifkan Frontend sortable . Anda dapat memilih kolom untuk pengurutan default dan arahnya.

Misalnya, dalam hal ini, pilih kolom A dengan ASC .

Ada 2 opsi untuk filter:

Di dalam kolom: Anda dapat memfilter data di header setiap kolom. Tombol sakelar akan membantu Anda menampilkan atau menyembunyikan kolom pencarian di header.

Formulir filter lanjutan: setelah opsi dipilih, Anda dapat mencari dan memfilter data dalam tabel

Pencarian utama: Saat Anda mengaktifkan fitur ini, ini akan menambahkan kolom input pencarian di frontend. Hal ini memungkinkan pengguna untuk dengan mudah mencari seluruh data dalam tabel.

6. Bantalan sel dan radius batas

Anda dapat menemukan ikon batas pada bilah alat yang membantu menyesuaikan bantalan dan radius batas pada sel.

Perhatikan bahwa jika Anda telah menerapkan tema, beberapa css khusus akan ditambahkan secara otomatis. Anda masih dapat mengeditnya tentu saja.

7. CSS Khusus

Mari kita melangkah lebih jauh. Jika Anda seorang desainer web dengan keterampilan css, Anda dapat menambahkan css di Menu Format > Custom CSS.

Kode CSS diwarnai menggunakan cermin kode dan dapat ditulis dengan lebih sedikit CSS, ini juga berfungsi!

Sel, garis, kolom memiliki koordinat untuk mengidentifikasi masing-masing dan menerapkan css khusus di atasnya. R adalah baris, C adalah kolom.

8. Tabel WordPress Responsif

Apakah tabel saya responsif atau menggunakan scroll pada perangkat kecil?

Menyembunyikan Cols

WP Table Manager menangani desain responsif dengan alat prioritas, sebagai opsi. Secara default, fitur responsif dinonaktifkan, akan ada kelebihan (meskipun penyihir berfungsi dengan baik di perangkat seluler). Untuk menggunakan Menyembunyikan Cols , Anda harus pergi ke Format Menu > Opsi Responsif.

Mode responsif tingkat lanjut, Anda dapat menentukan prioritas untuk menyembunyikan kolom pada ukuran ponsel.
Ketika kolom disembunyikan, menu seluler dengan kotak centang akan ditampilkan untuk memaksa tampilan/penyembunyian kolom. Ukuran kolom ditetapkan selama edisi tabel. Jika ukuran semua kolom terlalu besar untuk penampung, Anda akan mengalami overflow dan Anda akan dapat menggulir dengan mudah di perangkat seluler.

Tabel dengan gulungan (lebih baik untuk sejumlah kecil kolom)

Tabel dengan kolom tersembunyi (lebih baik untuk sejumlah besar kolom)

Tajuk berulang

Ini adalah pilihan lain jika Anda ingin menyisipkan tabel di area kecil di situs Anda. Anda harus menavigasi ke Format Menu > Opsi responsif. Lalu pilih Tipe Responsif > Header berulang.

Akan ada opsi untuk menyesuaikan mengikuti permintaan Anda:

Titik henti sementara responsif (px): Pilih nilai titik henti sementara dalam piksel untuk menentukan kapan tabel akan beralih ke mode responsif ini
Responsif max-height (px): Saat mode responsif diaktifkan, bergantung pada nilai breakpoint, tentukan max-height untuk menghindari tabel yang sangat panjang
Penataan mode responsif: Terapkan gaya default untuk mode responsif ini atau gunakan warna tabel

Setelah itu, Anda dapat melihat bagaimana tabel akan terlihat di frontend.

Jika Anda menggunakan Header berulang dan Filter diaktifkan, Anda dapat memfilter dengan mengetik di kotak teks dalam tampilan seluler.

9. Ekspor ke Excel

Untuk menyimpan tabel Anda di PC, Anda harus pergi ke Menu Tabel , dan klik tombol Ekspor Excel . Maka jenis file akan menjadi *.xlsx setelah diekspor di frontend.

10. Paginasi

Fitur ini dapat Anda temukan pada Menu Format > Pagination pada setiap edisi tabel. Gunakan tombol sakelar untuk mengaktifkan dan memilih jumlah baris yang akan ditampilkan pada halaman.

11. Penataan batas sel

Anda dapat menerapkan tipe batas untuk tabel Anda seperti lebar batas, warna batas, gaya batas. Pertama, pilih cell rangenya, lalu klik ikon pada Tool bar.

12. Cetak tabel di bagian depan

Terkadang, Anda perlu mencetak tabel Anda. Jadi untuk menampilkan tombol Cetak di frontend, pertama-tama Anda harus menavigasi ke Tabel Menu, dan centang tombol Cetak.