Notification texts go here Contact Us Buy Now!
Beranda
Dokumentasi

Memasang Table

4 min read
Langkah memasang tabel pada postingan blog dapat mengikuti langkah berikut ini.

Membuat tag div pembuka dan penutup

 <div class='table w100'>
Kode tabel disini
  </div>

Pasang Kode Tabel

 
 <table>
    <thead>
      <tr>
        <th>title_1</th>
        <th>title_2</th>
        <th>title_3</th>
        <th>title_4</th>
        <th>title_5</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
    </tbody>
  </table>

Keseluruhan Kode

Sehingga secara keseluruhan kode tabel akan menjadi seperti dibawah ini :

 
 <div class='table w100'>
  <table>
    <thead>
      <tr>
        <th>title_1</th>
        <th>title_2</th>
        <th>title_3</th>
        <th>title_4</th>
        <th>title_5</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
      <tr>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
        <td>content_here</td>
      </tr>
    </tbody>
  </table>
</div>
Untuk DEMO bisa KLIK DISINI

Anda mungkin menyukai postingan ini

  • Penerapan Table of Content
    Pemasangan Table of Content hanya menambahkan tag  <h2> Sub Judul disini </h2> Contoh seperti berikut ini : <h2>Sub Judul Satu</h2> Ini a…
  • Toggle or Accordion
    Accordion 1 Untuk jenis Accordion kalian dapat menggunakan syntax : <!--[ Accordion start ]--> <div class='showH'> <!--[ line 1 ]--> <de…
  • Memasang Table
    Langkah memasang tabel pada postingan blog dapat mengikuti langkah berikut ini. Membuat tag div pembuka dan penutup <div class='table w100'> Kode tabel …
  • Cara Embed Video Youtube
    Untuk memasang iframe video youtube, pada template ini, bisa dengan menggunakan dua cara : Menggunakan Lazzy Load Menggunakan Dever Youtube Video Menggunakan Lazzy Lo…
  • Pasang Download Button
    Terdapat 4 jenis button yang dapat dipasang pada laman statis ataupun postingan blog, diantaranya :Download CardDefault ButtonOutline ButtonButton With SVG IconExternal Linkberik…
  • Penerapan Tab dalam Postingan
    Untuk Contoh penggunaan tabs dalam postingan bisa dilihat pada postingan sebelumnya disini Penerapan syntaxnya sebagai berikut : <!--[ Active function ]--> <input…