jQuery DataTable设置thousands千位分隔符参数不生效问题求助

问题原因 #

• 你仅配置了language.thousands参数不会自动生效，该参数是给数字格式化工具调用的基础配置，DataTable默认不会给所有数字列自动添加千位分隔符
• 你引入的formatted-numbers.js仅用于带格式数字的排序逻辑，不负责数值显示格式化

修复方案 #

仅需要修改你的JS初始化代码，给薪资列添加数字渲染规则即可：

$('#example').dataTable( {
  "language": {
    "thousands": "'"
  },
  // 新增以下列配置
  "columnDefs": [
    {
      "targets": 5, // 薪资列是表格第6列，列索引从0开始计数，所以取值为5
      // 调用内置数字渲染器：参数依次为千位分隔符、小数分隔符、保留小数位数
      "render": $.fn.dataTable.render.number( "'", '.', 0 )
    }
  ]
} );

修改后薪资列就会按照你设定的单引号作为千位分隔符显示，比如320800会显示为320'800，排序功能也会正常工作。如果你还有其他数字列需要格式化，只要在targets里添加对应列的索引即可，比如同时给序号列加的话就写targets: [0,5]。

内容的提问来源于stack exchange，提问作者core114