如果在使用jQuery DataTable插件時(shí),遇到中文亂碼的問(wèn)題,可以通過(guò)以下方法來(lái)解決:
//在dataTable初始化時(shí)添加如下代碼 "language": { "url": "http://cdn.datatables.net/plug-ins/1.10.12/i18n/Chinese.json" }
上述代碼引入了中文語(yǔ)言文件,使得dataTable插件可以正常顯示中文。
除此之外,還可以通過(guò)修改CSS樣式來(lái)解決中文亂碼問(wèn)題。具體方法如下:
//在CSS樣式表中添加如下代碼 .dataTables_wrapper .dataTables_processing { background: rgba(255, 255, 255, 0.8); font-size: 14px; padding: 15px; }
上述代碼可以修改dataTable插件中的應(yīng)用程序?qū)又形膩y碼。如果仍然存在亂碼問(wèn)題,那么就需要修改源文件中的語(yǔ)言包了。若您使用的是DataTables v1.10.13及以前版本,則可以通過(guò)以下方法修改:
//在dataTableschn.js文件開(kāi)頭添加如下代碼 if(jQuery.fn.DataTable){ jQuery.extend(jQuery.fn.DataTable.defaults, { "oLanguage":{ "sUrl": "/dataTableschn.txt" } }); }
如果您使用的是DataTables v1.10.13及以后版本,則需要添加如下代碼:
$.extend(true, $.fn.dataTable.defaults.oLanguage, { "sProcessing": "處理中...", "sLengthMenu": "_MENU_ 條記錄顯示", "sZeroRecords": "沒(méi)有匹配結(jié)果", "sInfo": "顯示第 _START_ 至 _END_ 條記錄,共 _TOTAL_ 條記錄", "sInfoEmpty": "顯示第 0 至 0 條記錄,共 0 條記錄", "sInfoFiltered": "(由 _MAX_ 條記錄過(guò)濾)", "sInfoPostFix": "", "sSearch": "搜索:", "sUrl": "", "oPaginate": { "sFirst": "首頁(yè)", "sPrevious": "上一頁(yè)", "sNext": "下一頁(yè)", "sLast": "末頁(yè)" } });
上述代碼添加了中文語(yǔ)言包,使得數(shù)據(jù)中的中文字符可以正確顯示。