How to put GET Requested Data in Datatable

Why don't you use server side rendering ? table

 <table id="yourTable" >
	<thead>
		<tr>
			<th class="datatable-nosort">#</th>
			<th>Invoice</th>
			<th>Company</th>
			<th class="datatable-nosort">Actions</th>
		</tr>
	</thead>
	<tbody>
	</tbody>	
</table>
                                    	

script

 var t = $("#yourTable").DataTable({
            scrollCollapse: true,
            autoWidth: false,
            responsive: true,
            processing: true,
            serverSide: true,
            ajax: '{{ route('get.data') }}',
            columns: [

                {data: 'id'},
                {data: 'invoice_no'},
                {data: 'company'},      
                {data: 'actions'},
            ],
            columnDefs: [
                {
                    targets: "datatable-nosort",
                    orderable: false,
                }              
            ],
            buttons: [
                'copy','print','csv','pdf'
            ]
        });
        t.on('order.dt search.dt', function () {
            t.column(0, {search: 'applied', order: 'applied'}).nodes().each(function (cell, i) {
                cell.innerHTML = i + 1;
            });
        }).draw();

@gokulkhatiwada,,

Thank you for your Reply. I am using the AJAX request in the Button Action.

Then what will be the changes?

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);
            }
       })
  }
 }
]

With your setup you need to parse JSON response and iterate each with pushing into DOM table body

Have you any example of that?

JSON.parse(response).forEach(function(item,index){
var html ='<tr>'+ 
'<td>'+index+'</td>'+
'<td>'+item.invoiceNumer+'</td>'+
.
.
'</tr>';
$('#table > tbody.last-child').append(html);
}

I would rather return html and append to DOM instead of returning JSON