Cara Mengatur Lebar Kolom Tabel (Table Column) Pada Datatable - Part II

Hi guys, kembali lagi besama alimstudio. Kali ini kita akan belajar bagaimana caranya membuat atau mengatur lebar kolom pada datatable. Pada awalnya alim nemuin masalah ini waktu mau atur lebar table untuk buat inputan texarea untuk setiap table, karena tablenya dinamis jadinya susah banget untuk buat lebar inputannya agak besar, alhasil inputan textareanya kecil bagaikan tak ada ruang bernafas. Karena penasaran akhirnya mulai baca-baca dokumentasi di official datatable dan akhirnya nemu solusinya. langsung aja deh, temen-temen semua bisa nambahin script di bawah pada inline css di tag table, atau meletakkannya di tag style.

table-layout: fixed;
word-wrap: break-word;

Copy script css di atas kemudian sisipkan pada tag table untuk inline seperti berikut:

Atau meletakkannya pada tag style, namun saya sarankan agar menggunakan id atau class dari table yang ingin di ubah. Agar apabila kita punya table lebih dari satu di satu halaman tidak terkena efek dari perubahan ini. Contoh penggunaannya sebagai berikut:

Pengertian dari yang diatas adalah, untuk table yang berwarna merah adalah nama tag yang ingin di beri style, untuk tanda pagar (#) yang berwarna hijau artinya kita menggunakan selector id dari tag table, kemudian untuk table yang berwarna hijau adalah nama id dari tag yang kita panggil.

Mungkin penjelasan diatas agak susah untuk dimengerti, namun kalau temen-temen alim semua mengikuti step-stepnya dengan benar, pasti akan terlihat perubahannya.