如果在使用jQuery DataTable插件時,遇到中文亂碼的問題,可以通過以下方法來解決:
//在dataTable初始化時添加如下代碼 "language": { "url": "http://cdn.datatables.net/plug-ins/1.10.12/i18n/Chinese.json" }
上述代碼引入了中文語言文件,使得dataTable插件可以正常顯示中文。
除此之外,還可以通過修改CSS樣式來解決中文亂碼問題。具體方法如下:
//在CSS樣式表中添加如下代碼 .dataTables_wrapper .dataTables_processing { background: rgba(255, 255, 255, 0.8); font-size: 14px; padding: 15px; }
上述代碼可以修改dataTable插件中的應用程序層中文亂碼。如果仍然存在亂碼問題,那么就需要修改源文件中的語言包了。若您使用的是DataTables v1.10.13及以前版本,則可以通過以下方法修改:
//在dataTableschn.js文件開頭添加如下代碼 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": "沒有匹配結果", "sInfo": "顯示第 _START_ 至 _END_ 條記錄,共 _TOTAL_ 條記錄", "sInfoEmpty": "顯示第 0 至 0 條記錄,共 0 條記錄", "sInfoFiltered": "(由 _MAX_ 條記錄過濾)", "sInfoPostFix": "", "sSearch": "搜索:", "sUrl": "", "oPaginate": { "sFirst": "首頁", "sPrevious": "上一頁", "sNext": "下一頁", "sLast": "末頁" } });
上述代碼添加了中文語言包,使得數(shù)據(jù)中的中文字符可以正確顯示。