DataTable编辑后PDF导出仍用初始数据，如何更新导出数据？

问题根源在于：DataTable的PDF导出（比如Buttons扩展）默认优先读取初始化时的原始数据源，而非你更新后的DOM内容。你当前只更新了DOM属性和调用invalidate()，这个方法仅让DataTable的搜索、排序功能读取DOM新值，但没同步更新底层数据源，所以导出时还是调用旧数据。

给你两个可行的解决办法：

方法一：同步更新DataTable底层数据源 #

在编辑完成后，不仅更新DOM，还要修改对应单元格的底层数据：

// 获取当前编辑的单元格对象
const targetCell = tables.base.cell($(target).closest('td'));
const newValue = $(target).val();

// 1. 更新底层数据源的值
targetCell.data(newValue);

// 2. 更新DOM的属性和显示文本
$(target).closest('td')
  .attr('data-search', newValue)
  .attr('data-order', newValue);
$(target).siblings('span').text(newValue);

// 3. 让DataTable刷新缓存（可选，data()方法已自动触发更新）
targetCell.invalidate();

底层数据源和DOM同步更新后，导出功能读取数据源时就能拿到新值。

方法二：让PDF导出直接读取DOM内容 #

如果不想修改数据源，可以在初始化DataTable的Buttons插件时，自定义导出的内容读取逻辑，强制从DOM取最新值：

// 假设你的表格初始化代码包含Buttons配置
$('#your-table-id').DataTable({
  // 其他配置...
  buttons: [
    {
      extend: 'pdf',
      exportOptions: {
        format: {
          body: function(data, row, column, node) {
            // 直接返回单元格的当前显示文本
            return $(node).text().trim();
          }
        }
      }
    }
  ]
});

这个配置会让PDF导出时，每个单元格都读取当前DOM里的文本内容，忽略原始数据源。

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