[Solved] Cara Mengatasi Error jQuery.Deferred exception: c is undefined

Error jQuery.Deferred exception: c is undefined ini, muncul ketika kita meload plugin jQuery dataTables. Setelah kesana kemari, menaik turunkan versi jQuery dan hasilnya table yang kita buat masih belum membaca library tersebut. Hingga akhirnya saya mendapatkan ilham dan petunjuk jalan keluarnya.

Error detailnya jika kita inspect element dan melihat pada tab console, maka akan keluar error seperti:

jQuery.Deferred exception: c is undefined q/</<@https://cdn.datatables.net/v/bs/dt-1.10.20/datatables.min.js:115:361
each@https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:2573
each@https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:1240
q/<@https://cdn.datatables.net/v/bs/dt-1.10.20/datatables.min.js:115:318
each@https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:2573
each@https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:1240
q@https://cdn.datatables.net/v/bs/dt-1.10.20/datatables.min.js:108:388
init@http://localhost/brisma/hitung_termlite/:29880:19
@http://localhost/brisma/hitung_termlite/:29885:5
l@https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29375
a/</c<@https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677

Cara mengatasinya sangat sederhana sekali.
Ternyata datatables membutuhkan tag <thead> dan <tbody> atau <tfoot> pada table kita. Sebagai contoh:


<table class="table table-bordered" id="dataTable">
 <thead>
<tr>
<th>Judul</th>
<th>Isi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Test1</td>
<td>Ini hanya test</td>
</tr>

</tbody> 
</table>

dan tara, hasilnya lumayan berhasil.

Sebelum menggunakan tag <thead> dan <tbody>

Setelah menggunakan tag <thead> dan <tbody> 

Silahkan tinggalkan komentar jika ada yang ingin ditanyakan 😊

Lokasi:

Berbagi :