Cara Mudah Buat Tabel di Blog

.:infoalya.com:. Kali ini masih tentang tabel 😂 tapi yang satu ini jauh lebih mudah tanpa harus oprek oprek lagi, sebelum admin lanjutkan silahkan lihat dulu hasilnya dibawah ini yaa  👀

INI ADALAH CONTOH TABEL SEDERHANA
NO		NAMA	KELAS	ALAMAT
URUT	INDUK
1	2125	RINI	VI	Jl. BKR Pelajar No. 43 Surabaya
2	2126	AGUS	VI	Kompleks Perumnas Balongsari Tandes Surabaya
3	2127	YENI	VI	Jl. Gunung Anyar Timur No. 62 Surabaya
4	2128	VONI	VI	Jl. Kyai Tambak Deres No. 252 Surabaya
5	2129	YANWAR	VI	Jl. Raya Babat Jerawat No. 1A Surabaya

Pertama buat tabel di excel, jika sudah silahkan di seleksi seluruh tabel tersebut lalu copy

Selanjutnya buka link https://www.tablesgenerator.com/ dan klik tab  HTML Table Berikutnya klik File ⟶ Paste Table Data

Silahkan paste tabel yang telah diseleksi dan dicopy tadi kedalam box yang ada jika selesai klik Load Sampai disini silahkan atur tabel agar terlihat lebih rapi lalu silahkan scroll kebawah dan klik Generate lalu copy dan paste kode yang ada disana ke halaman posting.

Agar tabel menjadi responsive, silahkan temukan kode : <table class="tg"> atau <table class="tg" style="undefined;table-layout: fixed; width: 723px">

lalu ganti kode tersebut dengan kode dibawah ini :

<table class="tg" style="table-layout: fixed; width: 100%;"><tbody>

Jika terdapat kode seperti ini <col style="width: 40px"> silahkan ganti dengan kode ini <col style="width: 100%">atau ganti nilainya menjadi 100%