Datatables导出自定义失效：autoFilter与customize不生效求助

先查最关键的依赖 #

excelHtml5按钮的高级功能（包括autoFilter、自定义样式）必须依赖JSZip库，没引入的话这些配置直接失效。一定要在Datatables相关脚本之前加载它：

<!-- 先加载JSZip -->
<script src="jszip.min.js"></script>
<!-- 再加载Datatables和Buttons扩展 -->
<script src="jquery.dataTables.min.js"></script>
<script src="dataTables.buttons.min.js"></script>
<script src="buttons.html5.min.js"></script>

解决autoFilter不生效 #

autoFilter需要导出的表格有完整的表头+数据行，同时你的exportOptions.columns配置不能破坏表头结构。如果自动配置没效果，可以手动在customize里添加筛选器：

autoFilter: true,
customize: function(xlsx) {
  var sheet = xlsx.xl.worksheets['sheet1.xml'];
  // 手动指定筛选范围，适配你导出的列数和行数
  var lastCell = $('row c', sheet).last().attr('r');
  $('worksheet', sheet).prepend(`<autoFilter ref="A1:${lastCell}"/>`);
}

修复customize函数失效 #

情况1：jQuery没加载或不可用 #

你代码里用$操作XML节点，如果页面没引入jQuery，或者jQuery不在全局作用域，这段代码根本跑不起来。换成原生DOM操作更稳妥：

customize: function(xlsx) {
  var sheet = xlsx.xl.worksheets['sheet1.xml'];
  // 获取表头行（根据实际XML结构调整，可能是第1或第2行）
  var headerRow = sheet.querySelector('row:first-child');
  if (headerRow) {
    Array.from(headerRow.querySelectorAll('c')).forEach(cell => {
      cell.setAttribute('s', '22');
    });
  }
}

情况2：行选择器不对 #

Excel的sheet1.xml里，第一行可能不是表头（比如有些导出会默认加空行），可以打印sheet结构确认，或者用索引选：

customize: function(xlsx) {
  var sheet = xlsx.xl.worksheets['sheet1.xml'];
  // 选第二行当表头（根据你的导出结果调整索引）
  var rows = sheet.querySelectorAll('row');
  if (rows.length > 1) {
    Array.from(rows[1].querySelectorAll('c')).forEach(cell => {
      cell.setAttribute('s', '22');
    });
  }
}

额外验证：导出范围是否正确 #

你设置了modifier.selected: true，只导出选中行。如果导出时没选任何行，导出的表格可能是空的，自然看不到autoFilter和样式效果。可以先把这个配置注释掉，测试全量导出是否正常。

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