Membuat Table Dengan Bootstrap

Membuat Table Dengan Bootstrap  , jangan lupa siapkan file bootstrap nya kalo belum silahkan download disini

Untuk membuat table dengan bootstrap caranya sangat mudah. anda hanya perlu memasukkan class-class bootstrap yang di gunakan untuk mendesign table. Adapun beberapa class bootstrap yang di gunakan untuk design atau membuat table adalah sebagai berikut.

• .table
  class ini di gunakan untuk mendefinisikan atau membuat table standar/ table biasa.
• .table-striped
  table-striped merupakan class tambahan untuk membuat table dengan menggunakan bootstrap. class ini berfungsi untuk membuat baris table yang bergaya belang-beling (strip).
• .table-bordered
  table-bordered di gunakan untuk membuat table yang memiliki garis dan termasuk class tambahan pada bootstrap untuk mendesign table.
• .table-hover
  table-hover merupakan class tambahan untuk mendesign table menggunakan bootstrap. table hover di gunakan untuk membuat efek hover pada row table pada saat cursor mouse di letakkan di atas row table.

 Berikut scriptnya :

Berikut Hasilnya :

Demikian tutorialnya sekian dan terimakasih

Tweet

Subscribe to receive free email updates: