[Tips][8] Mengatur Datatable Full Width (width 100%)

Hello world,

Datatable memiliki lebar automatis dimana mengikuti data yang ada. Akan tetapi kadang-kadang lebarnya tidak full pada layar dan menyisakan ruang pada bagian kanan tabel. Pada kondisi ini biasanya saya mengaturnya agar tabel bisa full pada div atau layar agar terlihat lebih rapih. Berikut ini kira-kira cara yang bisa dipakai.

Menggunakan CSS.

Kita tinggal tambahkanstyle="width:100%" pada tabel kita seperti berikut.

<table id="datatable1" style="width:100%">

Menggunakan bWidthAuto

bWidthAuto adalah bagian  dari datatable yang mengatur lebar dari kolom dimana defaultnya akan bernilai true yang  artinya kolom  akan menyesuaikan dengan isi kontennya. Kita tinggal atur saja menjadi false agar bisa full width.

$('#example').dataTable( {"bAutoWidth": false} );

Selamat mencoba :)