数据表更改界面语言

Question

我目前正在使用角度数据表.

如何在其他语言中查看表格的界面？

我的意思是"显示条目","搜索:","显示20个条目中的1到10个"文字以西班牙语为例.

Answer 1

你需要定义一个这样的语言结构(丹麦语实现,我在angular-datatables应用程序中使用的):

var language = {
  "sEmptyTable": "Ingen tilgængelige data (prøv en anden søgning)",
  "sInfo": "Viser _START_ til _END_ af _TOTAL_ rækker",
  "sInfoEmpty": "Viser 0 til 0 af 0 rækker",
  "sInfoFiltered": "(filtreret ud af _MAX_ rækker ialt)",
  "sInfoPostFix": "",
  "sInfoThousands": ",",
  "sLengthMenu": "Vis _MENU_ rækker",
  "sLoadingRecords": "Henter data...",
  "sProcessing": "Processing...",
  "sSearch": "Filter:",
  "sZeroRecords": "Ingen rækker matchede filter",
  "oPaginate": {
    "sFirst": "Første",
    "sLast": "Sidste",
    "sNext": "Næste",
    "sPrevious": "Forrige"
  },
  "oAria": {
    "sSortAscending": ": activate to sort column ascending",
    "sSortDescending": ": activate to sort column descending"
  }
}

这里有一堆语言 - > https://www.datatables.net/plug-ins/i18n/

然后包括language使用withLanguage()选项方法

.withLanguage(language)

演示 - > http://plnkr.co/edit/RCrqM3z7qwsUfFwy8HE6?p=preview

Answer 2

在 Angular2+ 中，对我有用的内容与 @davidkonrad 提到的完全相同，但没有起始字母（s和o），并将语言添加为 dtOptions 的属性。IE：

\n\n

this.dtOptions = {\n  pagingType: \'full_numbers\',\n  pageLength: 10,\n  dom: \'Bfrtip\',\n  buttons: [\n    /*\'print\',\n    \'csv\'*/\n  ],\n  responsive: true,\n  /* below is the relevant part, e.g. translated to spanish */ \n  language: {\n    processing: "Procesando...",\n    search: "Buscar:",\n    lengthMenu: "Mostrar _MENU_ éléments",\n    info: "Mostrando desde _START_ al _END_ de _TOTAL_ elementos",\n    infoEmpty: "Mostrando ning\xc3\xban elemento.",\n    infoFiltered: "(filtrado _MAX_ elementos total)",\n    infoPostFix: "",\n    loadingRecords: "Cargando registros...",\n    zeroRecords: "No se encontraron registros",\n    emptyTable: "No hay datos disponibles en la tabla",\n    paginate: {\n      first: "Primero",\n      previous: "Anterior",\n      next: "Siguiente",\n      last: "\xc3\x9altimo"\n    },\n    aria: {\n      sortAscending: ": Activar para ordenar la tabla en orden ascendente",\n      sortDescending: ": Activar para ordenar la tabla en orden descendente"\n    }\n  }\n};\n

\n

Answer 3

我创建了一个 .ts 文件，如下所示：

export class LanguageApp {
  public static spanish_datatables = {
    processing: "Procesando...",
    search: "Buscar:",
    lengthMenu: "Mostrar _MENU_ &elementos",
    info: "Mostrando desde _START_ al _END_ de _TOTAL_ elementos",
    infoEmpty: "Mostrando ningún elemento.",
    infoFiltered: "(filtrado _MAX_ elementos total)",
    infoPostFix: "",
    loadingRecords: "Cargando registros...",
    zeroRecords: "No se encontraron registros",
    emptyTable: "No hay datos disponibles en la tabla",
    paginate: {
      first: "Primero",
      previous: "Anterior",
      next: "Siguiente",
      last: "Último"
    },
    aria: {
      sortAscending: ": Activar para ordenar la tabla en orden ascendente",
      sortDescending: ": Activar para ordenar la tabla en orden descendente"
    }
  }
}

然后在加载 DataTable 的组件中将该配置放在 dtOptions 中：

this.dtOptions = { 
      language: LanguageApp.spanish_datatables
};