Sama dengan framework css lainnya yang dimana kita bisa membuat table dengan mudah, begitupun dengan bulma. Bulma memiliki class yang bisa kita gunakan untuk membuat tabel yang akan kita tampilkan di website kita. Pada tips dan trick kali ini saya akan membahas tentang Cara Membuat Tabel Menggunakan Bulma Framework.

Bulma framework memiliki class yang di sebut class table dimana kita bisa menggunakannya untuk membuat table yang berisi data-data seperti data pelanggan atau data lainnya. Langsung saja saya akan memberikan langkah-langkah Cara Membuat Tabel Menggunakan Bulma Framework:

1. Pertama,

anda download file bulmanya di situs bulma itu sendiri dan tempatkan pada folder project yang teman-teman buat.

2. Kedua,

anda ketikan kode html di bawah ini:

Untuk Penjelasan kode html-nya saya sudah berikan commenting pada kode di atas. Setelah selesai coba teman-teman buka di browser teman-teman maka tampilannya akan menjadi seperti berikut:

Cara Membuat Tabel Menggunakan Bulma Framework

3. Ketiga,

Kita tambahkan style internal untuk membuat textnya menjadi rata tengah:

Silahkan teman-teman refresh browsernya maka textnya akan berubah menjadi rata tengah

Cara Membuat Tabel Menggunakan Bulma Framework

Berikut adalah beberapa kelas yang bisa teman-teman gunakan di bulma untuk memodifikasi tabel:

  • table is-bordered
  • table is-striped
  • table is-narrow

Dengan bulma kita dapat dengan mudah memodifikasi tabel dan tentunya dengan kelas yang telah bulma sediakan. Bagaimana teman-teman cukup mudahkan membuat tabel pada bulma.

Sekian tips dan trick tentang Cara Membuat Tabel Menggunakan Bulma Framework. Semoga bermanfaat.

WhatsApp chat