Cara Mudah Membuat Tabel dengan Bootstrap

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

Leave a Reply