jquery datatables按钮：['excel']在document.ready()中建表时不起作用，但在动态建表时起作用

<table id="example">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td><button class="excel-button">导出Excel</button></td>
    </tr>
  </tbody>
</table>

$(document).ready(function() {
  $('#example').DataTable({
    columnDefs: [
      {
        targets: 2, // 指定第三列
        render: function(data, type, row) {
          if (type === 'display') {
            return '<button class="excel-button">导出Excel</button>';
          }
          return data;
        }
      }
    ]
  });
});

$(document).ready(function() {
  var data = [
    ['Data 1', 'Data 2'],
    // more data...
  ];

  var table = $('<table id="example"></table>');
  var thead = $('<thead></thead>').appendTo(table);
  var tbody = $('<tbody></tbody>').appendTo(table);

  var headerRow = $('<tr></tr>').appendTo(thead);
  $('<th>Column 1</th>').appendTo(headerRow);
  $('<th>Column 2</th>').appendTo(headerRow);
  $('<th>操作</th>').appendTo(headerRow);

  data.forEach(function(rowData) {
    var row = $('<tr></tr>').appendTo(tbody);
    rowData.forEach(function(cellData) {
      $('<td>' + cellData + '</td>').appendTo(row);
    });
    $('<td><button class="excel-button">导出Excel</button></td>').appendTo(row);
  });

  table.appendTo('body');

  $('#example').DataTable();
});