ESC

Pembina Jadual

Pratonton Jadual

Kod HTML

Semua pemprosesan berlaku dalam pelayar anda. Tiada data dihantar ke mana-mana pelayan.

Contoh Penggunaan

Jadual Data Mudah

Jadual asas dengan lajur nama, emel dan peranan. Sesuai untuk memaparkan senarai pengguna atau set data mudah.

Jadual Harga

Jadual harga perbandingan ciri dengan pelbagai peringkat. Bagus untuk halaman produk SaaS dan halaman pendaratan.

Jadual Perbandingan

Jadual perbandingan sebelah menyebelah untuk menilai pilihan. Ideal untuk ulasan produk dan membuat keputusan.

Ciri-ciri

Editor Visual

Klik pada mana-mana sel untuk mengedit kandungannya secara langsung. Tambah atau buang baris dan lajur dengan butang mudah

Import CSV

Tampal data CSV atau dipisahkan tab untuk mengisi jadual anda dengan cepat dari hamparan atau pangkalan data

Pilihan Gaya

Konfigurasi sempadan, baris berjalur, kesan hover, lebar dan pelapik dengan kelas yang serasi dengan Bootstrap

Privasi Diutamakan

Semua pemprosesan berlaku secara tempatan dalam pelayar anda menggunakan JavaScript

Cara Menggunakan?

1

Bina Jadual Anda

Tetapkan bilangan baris dan lajur, edit kandungan sel secara langsung atau import data dari CSV. Gunakan pratetap untuk permulaan pantas.

2

Konfigurasi Gaya

Togol baris pengepala, baris berjalur, sempadan dan kesan hover. Laraskan lebar jadual dan pelapik sel.

3

Salin Kod HTML

Pratonton jadual anda secara masa nyata, kemudian salin kod HTML yang dijana dan tampalkannya ke laman web anda.

Soalan Lazim

Tetapkan bilangan baris dan lajur menggunakan kawalan di bahagian atas, kemudian klik terus ke dalam mana-mana sel untuk menaip. Gunakan butang + untuk menambah baris atau lajur dan ikon tong sampah untuk membuangnya. Output HTML dikemas kini secara masa nyata semasa anda mengedit.

Boleh. Pilih sel anda dalam Excel atau Google Sheets, salin, kemudian tampal ke dalam medan import CSV. Format dipisahkan tab (format hamparan lalai) dan dipisahkan koma kedua-duanya berfungsi. Alat ini mengesan pembatas secara automatik dan mengisi jadual.

Empat togol: Baris Pengepala menambah thead dengan gaya tebal, Baris Berjalur menukar warna latar belakang baris berselang-seli, Bersempadan menambah sempadan di sekitar setiap sel, dan Kesan Hover menyerlahkan baris di bawah kursor. Anda juga boleh menetapkan lebar jadual dan pelapik sel.

Empat pratetap: Jadual Mudah (grid data asas 3 lajur), Jadual Harga (perbandingan ciri dengan tiga peringkat), Jadual Perbandingan (susunan pro/kontra sebelah-menyebelah), dan Jadual Waktu (lajur masa dan acara). Memilih pratetap mengisi jadual dengan data contoh yang boleh diganti dengan data anda sendiri.

Nama kelas serasi Bootstrap: table, table-bordered, table-striped, table-hover. HTML yang dijana boleh dimasukkan terus ke dalam mana-mana projek Bootstrap 4 atau 5. Jika anda tidak menggunakan Bootstrap, tambahkan CSS anda sendiri yang menyasarkan nama kelas ini.

Butang Salin HTML menyalin penanda jadual ke papan keratan anda. Output adalah HTML yang bersih dan minimum — hanya elemen table dengan tag thead, tbody, tr, th, dan td — sedia untuk ditampal ke dalam mana-mana fail HTML atau CMS.

Balut jadual yang disalin dalam div dengan style="overflow-x: auto;" sebelum menampal. Ini menambah bar tatal mendatar pada skrin kecil dan bukannya memecahkan susun atur. Untuk pengguna Bootstrap, membalut dalam <div class="table-responsive"> mencapai perkara yang sama.

Tidak. Semuanya berjalan dalam pelayar anda dengan JavaScript. Tiada panggilan pelayan, tiada muat naik, tiada penjejakan. Data yang anda taip ke dalam sel kekal pada peranti anda.

Apa Itu Penjana Jadual HTML?

Ia adalah pembina jadual visual di mana anda menetapkan baris dan lajur, menaip dalam sel dan menyalin kod HTML bersih terus ke dalam projek anda. Tidak perlu menulis kod.

Ciri Utama

Pratonton langsung yang dikemas kini semasa anda menaip, import CSV/TSV untuk mengambil data dari mana-mana hamparan, pilihan kelas Bootstrap untuk baris berjalur, sempadan dan kesan hover, serta salinan HTML satu klik.

Kes Penggunaan Biasa

Blogger menggunakannya untuk jadual perbandingan dan harga, pembangun mendapatkan markup pantas untuk dokumentasi dan pemasar membina matriks ciri untuk halaman pendaratan.

Tips untuk Jadual Lebih Baik

Aktifkan baris pengepala untuk kebolehcapaian, kekalkan di bawah 6-7 lajur pada laman mesra mudah alih dan balut output dalam div dengan overflow-x:auto untuk skrin sempit.

Privasi dan Keselamatan

Keseluruhan alat berjalan di sisi klien dalam pelayar anda. Tiada apa yang dimuat naik, tiada apa yang disimpan di pelayan dan tiada kuki ditetapkan selain daripada keutamaan gaya anda.

Keselamatan dan Privasi

Keselamatan data anda adalah keutamaan kami

Pemprosesan Tempatan

Semua pemprosesan berlaku dalam pelayar anda

Tiada Pemindahan Data

Data anda tidak dihantar ke pelayan kami

Tiada Penyimpanan Data

Tiada data disimpan atau dikongsi

Penyulitan SSL

Penyulitan SSL untuk sambungan selamat

Lebih Banyak di MoreOnlineTools