Question

我有一个使用Datatables服务器端的datatable。我创建并填充了表格，如下所示。现在我需要根据语言翻译数据表，我在文档中找到了这个例子：

$('#example').DataTable( {
    language: {
        search: "Search in table:"
    }
} );

或加载翻译：

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

但它们都不适合我！这是我的代码：

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>name</th>
                <th>adress</th>
            </tr>
        </thead>
</table>

$(document).ready(function() {
    var oTable = $('#example').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "server-side-process",
            },

        "columns": [
                    { "data": "name" },
                    { "data": "adress" },
                ]
    } );

} );

Answer 1

var oTable = $('#example').DataTable({
    "language": {"url": "//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json"},
    "processing": true,
    "serverSide": true,
    "ajax": {...

https://datatables.net/plug-ins/i18n/

Answer 2

下面是两个数据表的工作示例。根据文档，其中一种使用默认英语，另一种使用法语：https://datatables.net/reference/option/language

JSFiddle链接：https://jsfiddle.net/invalidname/mro9h48u/2/

$(document).ready(function() {
    var oTable = $('#example').DataTable({
        "processing": true,
        "serverSide": false,
        "ajax": {
            "url": "https://run.mocky.io/v3/b99908b5-61f9-4d41-9292-deaa510f3d93",
            },

        "columns": [
                    { "data": "name" },
                    { "data": "adress" },
                ]
    } );
} );



$(document).ready(function() {
    var oTable = $('#exampleFR').DataTable({
        "processing": true,
        "serverSide": false,
        "ajax": {
            "url": "https://run.mocky.io/v3/b99908b5-61f9-4d41-9292-deaa510f3d93",
            },
                 "language": {
                "url": "https://cdn.datatables.net/plug-ins/1.10.21/i18n/French.json"
            },
        "columns": [
                    { "data": "name" },
                    { "data": "adress" },
                ]
    } );
} );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>

<H1>
English table
</H1>
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>name</th>
                <th>adress</th>
            </tr>
        </thead>
</table>
<hr>
<hr>
<H1>
French table
</H1>
<table id="exampleFR" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>name</th>
                <th>adress</th>
            </tr>
        </thead>
</table>

数据表翻译不起作用

2 个答案: