Как отобразить данные после вызова кнопки Ajax в DataTable?

Question

Я сделал пользовательские кнопки, используя правила DataTable. Кнопки созданы успешно. С каждой пользовательской кнопкой я хочу вызвать Ajax, чтобы получить данные от Database. После этого я хочу разместить эти данные в моей таблице данных без обновления страницы.

buttons: [
 {
      text: 'This Week',
      action: function ( e, dt, node, config ) {
      $.ajax({
          url: "{{ route('finance-this-week') }}",
          method: 'GET',
          dataType: "json",
          success: function(data) {
                columns: [
                    { 'data': 'id' },
                    { 'data': 'invoiceNumber' },
                    { 'data': 'customerId' },
                    { 'data': 'actions' }
                ]
            }, error: function(data) {
                    console.log(data);
            }
       })
  }
 }
]

Это моя попытка. Данные не отображаются в DataTable.

Но данные поступают идеально.

Данные представляют собой массив объектов:

[
  {
    "id": 95,
    "invoiceNumber": "202000135",
    "userID": 3,
    "invoiceStatus": 0,
    "productName": "Orange",
}
]