Jumat, 03 Maret 2017

Membuat Tabel Pada bootstrap

on Maret 03, 2017 Tidak ada komentar


Di  dalam bootstrap ada beberapa class untuk membangun sebuah website yang responsive. Pada klai ini saya akan membuat tabel pada bootstrap.
Adapun beberapa Class Bootstrap yang digunakan untuk membuat table adalah sebagai berikut ini :
  • .table
Class ini fungsinya untuk mendefinisikan atau membuat table standar/table biasa.
  • .table-striped
Table-striped merupakan class tambahan untuk membuat table dengan menggunakan bootstrap dan class ini berfungsi untuk membuat table yang bergaya belang-belang atau strip.
  • .table-bordered
Table-border ini berfungsi untuk membuat table yang memiliki garis dan termasuk class tambahan pada bootstrap untuk mendesigen table.
  • .table-hover
Table-hover merupakan class tambahan untuk mendesigen table menggunakan bootstrap. Table hover ini berfungsi untuk membuat efek hover pada row table pada saat cursor mouse di letakkan di atas row table.

Untuk membuat warna pada table data teman-teman dapat menggunakan class berikut ni yang dapat teman-teman tambahkan pada tag <tr> untuk memberi warna pada table row, dan pada tag <td> untuk memberi tambahan warna pada table data.

  • .success
Class ini berfungsi untuk memberi tanda sukses atau warna hijau pada table row/table data.
  • .danger
Class ini berfungsi untuk memberi warna merah pada table row/table data
  • .info
Class ini berfungsi untuk memberi warna biru pada teble row/table data.
  • .warning
Class ini berfungsi untuk memberi warna kuning pada table row/table data.

Langsung saja kita liat contoh di bawah ini.

 


Dan hasil dari script diatas ketika di run adalah di bawah ini







Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )