无法从子元素中找到单元格的行索引的jQuery数据表格无法实现响应式-PHP中文网问答

我有一个带有输入字段的数据表。当用户输入到一个字段时，我需要找到他们输入的行号。我之前问过一个问题，并得到了一个很好的答案，但是如果数据表是响应式的，并且字段在子弹出窗口中，答案就不再起作用了。

这是我的代码：

function drawInput(data, type, row, meta) {
  return '';
}
var data = [{
  c1: 'r1c1',
  c2: 'r1c2',
  c3: 'r1c3'
}, {
  c1: 'r2c1',
  c2: 'r2c2',
  c3: 'r2c3'
}];
$(function() {
  var table = $('table').dataTable({
    info: false,
    searching: false,
    ordering: false,
    paging: false,
    columns: [{
        defaultContent: ''
      },
      {
        data: 'c1',
        name: 'c1',
        defaultContent: '',
        render: drawInput
      },
      {
        data: 'c2',
        name: 'c2',
        defaultContent: '',
        render: drawInput
      },
      {
        data: 'c3',
        name: 'c3',
        defaultContent: '',
        render: drawInput
      }
    ]
  });
  table.api().rows.add(data);
  table.api().draw();
  $('body').on('change', 'table :input', function(e) {
    // 找到包含输入字段的行
    //console.log(this);
    var row = table.api().row($(this).closest('td'));
    // 显示行索引 - 结果为undefined！为什么？
    console.log(row.index());
  });
});

如果你在一个足够大的窗口中运行这个代码，它就可以正常工作。但是如果你缩小窗口，使得右边的列响应式地下降到子行中，找到行索引的代码就不再起作用了。

如何正确找到子单元格的行？