DataTables下拉列筛选后导出（打印/CSV/PDF）未生效问题

问题根源 #

你当前的第7列（索引6）筛选逻辑没有正确使用DataTable的官方筛选API，而是通过遍历行的方式尝试设置筛选，导致DataTable内部未正确记录筛选状态。导出/打印按钮默认依赖DataTable维护的筛选后数据集，因此无法识别你的自定义筛选，最终导出全表数据。

修复方案 #

方案一：使用自定义全局筛选函数（无需修改数据源）

替换你当前的#filter6事件处理代码为以下内容：

// 存储下拉框筛选值的全局变量
var selectFilterVal = '';

// 注册DataTable全局自定义筛选器
$.fn.dataTable.ext.search.push(
  function(settings, data, dataIndex) {
    // 筛选值为空时显示所有行
    if (selectFilterVal === '') return true;
    // 获取当前行第6列下拉框的选中值
    var cellNode = dataTable.cell(dataIndex, 6).node();
    var cellSelectedVal = $(cellNode).find('select').val();
    // 匹配筛选值则显示该行
    return cellSelectedVal === selectFilterVal;
  }
);

// #filter6下拉框的筛选事件
$('#filter6').on('change', function() {
  selectFilterVal = $(this).val();
  // 重新绘制表格，触发自定义筛选
  dataTable.draw();
});

该方案通过DataTable的全局筛选扩展，让表格的筛选状态被官方API正确识别，导出/打印时会自动使用筛选后的数据集。

方案二：同步下拉框选中值到DataTable数据源（更符合DataTable设计）

DataTable的核心是数据源，DOM仅为渲染层，将下拉框选中值同步到数据源后，可直接复用其他列的筛选逻辑：

1. 先给表格内的下拉框添加事件，同步选中值到数据源：

// 监听表格内下拉框的变化，同步到DataTable数据源
$('#dataTable').on('change', 'td select', function() {
  var $select = $(this);
  var rowIdx = $select.closest('tr').data('dt-rowindex'); // 获取DataTable行索引
  var colIdx = $select.closest('td').index();
  // 更新数据源，不立即重绘（避免频繁刷新）
  dataTable.cell(rowIdx, colIdx).data($select.val()).draw(false);
});

2. 然后修改#filter6的筛选逻辑，和其他列保持一致：

$('#filter6').on('change', function() {
  var value = $(this).val();
  dataTable.column(6).search(value).draw();
});

此方案让DataTable的数据源和DOM保持一致，筛选、导出逻辑统一，后续维护更简单。

注意事项 #

你当前的exportOptions.format.body配置是正确的，能够正确获取下拉框选中的文本内容，无需修改。

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