Cara Membuat dan Mendesain Table Pada Bootstrap

15 Aug 2016 15:58 3929 Hits 1 Comments
Bootstrap memudahkan kita dalam membuat dan mendesain sebuah tabel.

Untuk membuat table menggunakan bootstrap caranya sangat mudah, Anda hanya perlu memasukan class – class bootstrap yang digunakan untuk memformat table.

Untuk membuat atau mendesign table dengan bootstrap, buatlah sebuah file HTML atau file PHP, contoh index.php.

Berikut adalah class – class bootstrap yang sering digunakan untuk memformat atau mendesign table.

1. Basic Table (.table)

Class ini digunakan untuk mendefinisikan atau membuat table standar atau table biasa. Untuk membuatnya cukup menambahkan class table pada tag . Contoh:

Hasilnya akan terlihat seperti berikut:

Dapat dilihat dari script diatas, kita hanya perlu menambahkan class table pada element tag .

 

2. Striped Rows (.table-striped)

Class ini berfungsi untuk membuat baris table yang berbeda (strip). Class ini termasuk class tambahan pada bootstrap.

Untuk membuat table strip seperti zebra, kita hanya perlu menambahkan class table-stripped bersamaan dengan class table. Contoh:

Hasilnya akan terlihat seperti berikut:

3. Bordered Table (.table-bordered)

Digunakan untuk membuat table yang memiliki garis dan termasuk class tambahan pada bootstrap untuk design table.

Untuk membuat table border, sama seperti table srip, kita hanya perlu menambahkan class table-bordered bersamaan dengan class table. Contoh:

Hasilnya akan terlihat seperti berikut:

Tags Web Bootstrap

About The Author

Rijwan 42
Ordinary

Rijwan

Saya merupakan anak RPL yang bercita - cita membangun web sendiri juga menjadi ahli pemrograman serta komputer.

Comments

You need to be logged in to be able to post a comment. Click here to login
Plimbi adalah tempat menulis untuk semua orang.
Yuk kirim juga tulisanmu sekarang
Submit Artikel