Membuat Tabel Pada bootstrap
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 :
Class ini fungsinya untuk mendefinisikan atau membuat table standar/table biasa.
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-border ini berfungsi untuk membuat table yang memiliki garis dan
termasuk class tambahan pada bootstrap untuk mendesigen table.
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.
Class ini berfungsi untuk memberi tanda sukses atau warna hijau pada table row/table data.
Class ini berfungsi untuk memberi warna merah pada table row/table data
Class ini berfungsi untuk memberi warna biru pada teble row/table data.
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