Site Loader
CHAT

Membuat Tabel dengan Bootstrap – Salah satu komponen yang tersedia di dalam boostrap yaitu tabel. Tabel sudah tidak asing lagi di dengar baik di kalangan programer maupun orang biasa. Tabel digunakan untuk menampilkan data agar lebih terstruktur dengan tujuan nyaman untuk di lihat oleh pengguna.

Pada twitter bootstrap untuk membuat tabel cukup mudah , hanya dengan memasukan class yang di inginkan. Setiap class pada tabel boostrap mempunyai gaya dan tampilan yang berbeda-beda. Secara umum tabel di bagi menjadi 2 yaitu thead dan tbody, dimana tbhead untuk mengidetifikasikan header tabel sedangkan tbody untuk menampilkan konten nya.

Di dalam bootstrap identitifikasi pokok class dalam bootstrap yaitu dengan menambahkan class dengan nama .table, kemudian di ikuti class lainnya.

Macam-macam Class tampilan Tabel di Bootstrap

  1.  Table-bordered, digunakan untuk menambahkan border garis pada tabel bootstrap.
  2.  Table-striped, digunakan untuk membuat tampilan tabel terlihat beling-beling.
  3.  Table-hovered, digunakan untuk membuat tampilan ketika di sentuh akan berubah warna.

Membuat Tabel Striped dengan Bootstrap

Membuat Tabel Bordered dengan Bootstrap

Post Author: Didik Prabowo

Seoarang Software enginering, Instruktur terutama di bifang pemrograman berbasis website, sekaligus admin di situs didikprabowo.com.

Leave a Reply

Your email address will not be published. Required fields are marked *

About

Didik Prabowo merupakan situs web yang menyajikan informasi dan tutorial pemrograman, Teknologi dan SEO serta membahas Web Design HTML, CSS dan Javascript.
Situs ini juga menyajikan Informasi mengenai pengguna linux.