带有引导程序,按钮和语言文件的数据表格式不正确

时间:2016-12-29 22:21:56

标签: jquery twitter-bootstrap datatables

我正在尝试使用datatables documentation中的原始代码实现语言文件,如下所示:

$(document).ready(function() {
    var table = $('#example').DataTable( {
        lengthChange: false,
        buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
    } );

    table.buttons().container()
        .appendTo( '#example_wrapper .col-sm-6:eq(0)' );
} );

但是当我把语言文件放在位置按钮消失了......我在控制台中出错:not well-formed

如何解决这个问题?

更新

这是我试过的

$(document).ready(function() {
    var table = $('#example').DataTable({
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Alle"]],
        responsive: true,
        buttons: [
            {
                extend: 'copyHtml5',
                exportOptions: {
                    columns: [ 0, ':visible' ]
                }
            },
            {
                extend: 'excelHtml5',
                title: 'Events export'
            },
            {
                extend: 'pdfHtml5',
                title: 'Events export'

            },
            'colvis',
        ],
        "language": {"url": "/vendor/datatables/german.js"}
    });

    table.buttons().container()
        .appendTo( '#example_wrapper .col-sm-6:eq(0)' );
});

1 个答案:

答案 0 :(得分:1)

只需替换

"language": {
       "url" : "js/german.json",
             }

language: {
   "sEmptyTable":      "Keine Daten in der Tabelle vorhanden",
   "sInfo":            "_START_ bis _END_ von _TOTAL_ Einträgen",
   "sInfoEmpty":       "0 bis 0 von 0 Einträgen",
   "sInfoFiltered":    "(gefiltert von _MAX_ Einträgen)",
   "sInfoPostFix":     "",
   "sInfoThousands":   ".",
   "sLengthMenu":      "_MENU_ Einträge anzeigen",
   "sLoadingRecords":  "Wird geladen...",
   "sProcessing":      "Bitte warten...",
   "sSearch":          "Suchen",
   "sZeroRecords":     "Keine Einträge vorhanden.",
   "oPaginate": {
   "sFirst":       "Erste",
   "sPrevious":    "Zurück",
   "sNext":        "Nächste",
   "sLast":        "Letzte"
                },
   "oAria": {
    "sSortAscending":  ": aktivieren, um Spalte aufsteigend zu sortieren",
    "sSortDescending": ": aktivieren, um Spalte absteigend zu sortieren"
            }
}