1. 程式人生 > >【jQuery DataTable】表格顯示英文問題

【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