JQuery DataTables结合YADCF时，值为0的排序功能异常

云原生阿岚

2026-6-18

DataTables + yadcf 筛选0值列排序失效问题解决

这不是正常现象，通常是列类型识别错误或yadcf筛选逻辑未按数字处理导致的，以下是几种可行的解决方法：

指定DataTables列类型
DataTables默认可能将包含0的列识别为字符串类型，导致排序逻辑错误。初始化DataTables时，明确将目标列设置为数字类型：
```
$('#your-table-id').DataTable({
  columnDefs: [
    { targets: [目标列索引], type: 'num' } // 若列包含HTML元素，改用'html-num'
  ]
});
```
配置yadcf数字筛选类型
确保yadcf按数字而非字符串处理该列的筛选值，初始化yadcf时指定对应列的filter_type为"number"：
```
yadcf.init($('#your-table-id'), [
  { column_number: 目标列索引, filter_type: "number" }
]);
```

强制筛选后重绘表格
若上述方法无效，可借助yadcf的onAfterFilter回调，在筛选完成后手动触发DataTables的重绘，确保排序逻辑生效：

yadcf.init($('#your-table-id'), [
  { 
    column_number: 目标列索引, 
    filter_type: "number",
    onAfterFilter: function() {
      $('#your-table-id').DataTable().draw();
    }
  }
]);