天天看点

【jQuery DataTable】表格显示英文问题

在某些情况下,DataTable初始化会用英文渲染按钮、提示信息等,这时需要自己配置成中文。

$('#example').DataTable({
    language: {
        "sProcessing": "处理中...",
        "sLengthMenu": "显示 _MENU_ 项结果",
        "sZeroRecords": "没有匹配结果",
        "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
        "sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
        "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
        "sInfoPostFix": "",
        "sSearch": "搜索:",
        "sUrl": "",
        "sEmptyTable": "表中数据为空",
        "sLoadingRecords": "载入中...",
        "sInfoThousands": ",",
        "oPaginate": {
            "sFirst": "首页",
            "sPrevious": "上页",
            "sNext": "下页",
            "sLast": "末页"
        },
        "oAria": {
            "sSortAscending": ": 以升序排列此列",
            "sSortDescending": ": 以降序排列此列"
        }
    }
});
           

也可以把中文配置抽离到单独的json文件中,如下:

$('#example').DataTable({
    language: {
        url: '/localisation/Chinese.json'
    }
});
           

详见DataTable官网国际化手册:http://datatables.club/manual/i18n.html

继续阅读