如何将数据表的分页数格式更改为另一个语言环境?

时间:2015-05-31 10:31:27

标签: javascript jquery pagination jquery-datatables

如何将数据首页的分页数格式更改为其他语言环境格式,即阿拉伯数字格式。我已阅读数据表手册(https://www.datatables.net/examples/basic_init/language.html)和MDN(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat),但未能找到解决方案。

2 个答案:

答案 0 :(得分:3)

你有两个选择(据我所知):

  1. 更改代码,特别是关于第14205行(v 1.10.7)添加到pageButton的内部函数DataTable.ext.renderer

    $.extend( true, DataTable.ext.renderer, {
        pageButton: {
    

    更改第14258行的代码
    default:
        btnDisplay = button + 1;
        btnClass = page === button ?
        classes.sPageButtonActive : '';
        break;
    

    default:
        btnDisplay = new Intl.NumberFormat('ar-EG').format(button + 1);
        btnClass = page === button ?
        classes.sPageButtonActive : '';
        break;
    
  2. draw.dt事件

    上替换呈现的内容
    $('#example').on('draw.dt', function() {
       $('.paginate_button').not('.previous, .next').each(function(i, a) {
          var val = $(a).text();
          val = new Intl.NumberFormat('ar-EG').format(val);
          $(a).text(val);
       })
    });  
    

    猜猜分页看起来应该是这样的

    enter image description here

    演示 - >的 http://jsfiddle.net/hojpyahy/

答案 1 :(得分:0)

他们有用于更改区域设置格式的国际化插件。

使用ajax查看此示例,他们在此示例中将语言更改为德语: https://datatables.net/plug-ins/i18n/] 1

同样,你可以为阿拉伯语做。