Use query instead of collection by removing get() on your data source.

>orderBy('axe_recherche', 'asc')
        ->get(); // remove this line.

@yajra Thank you problem solved

hi can you explain why query is much faster than collection?

Because it performs the rest of the functions on the query instead of getting every result and its sub data and trying to perform the functions on that which is less efficient.

Response time is slow
page-load : 13.40s
pagination: 9s
Code Snippet

Controller

public function lending_return_log_server_side()
{
$alluser = Session::get('alluser');
$reference = $this->database->getReference('lending_return_log')->getSnapshot()->getValue();
$reference = array_reverse($reference);
$data = [];
$name = '';
$email = '';
foreach ($reference as $lending_return_log) {
// dd($lending_return_log['uid']);
foreach ($alluser as $key => $value) {
if ($key == $lending_return_log['uid']) {
$name = $value['username'];
$email = $value['email'];
}
}
$nestedData['user_info'] = "". $name. "
". $email."
". $lending_return_log['lending_log_id'];
$nestedData['time_and_trx_id'] = \Carbon\Carbon::parse($lending_return_log['time'])->format('F j, Y, g:i a')."
".$lending_return_log['trxid']."";
$nestedData['back_amount'] = "".number_format($lending_return_log['amount_back_nob'],8)." NOB";
$nestedData['closing_balance'] = "".number_format($lending_return_log['final_balance_nob'],8)." NOB";
$nestedData['nob_price'] = $lending_return_log['nob_price_at']."$";
$nestedData['curr_return'] = "".number_format($lending_return_log['return_of_cur'],8)." ".$lending_return_log['cur_type']."";

        $data[] = $nestedData;
    }
    // $reference = collect($reference);

    $finalData = Datatables::of($data)->rawColumns(['user_info', 'time_and_trx_id', 'back_amount', 'closing_balance', 'nob_price', 'curr_return'])->make(true);
    return $finalData;
}

JS

(function() {
$('#table').DataTable({
processing: true,
serverSide: true,
ajax: '{{ url('project-log-serverside') }}',
columns: [
{ data: 'user_info', name: 'user_info' },
{ data: 'time_and_trx_id', name: 'time_and_trx_id' },
{ data: 'back_amount', name: 'back_amount' },
{ data: 'closing_balance', name: 'closing_balance' },
{ data: 'nob_price', name: 'nob_price' },
{ data: 'curr_return', name: 'curr_return' },
]
});
});

Package versions
Laravel 5.7
PHP: 7.2
Laravel Datatable : 8.13.7
Database: NoSql DB(Firebase)

Can you please what's wrong in this?
Thanks

Check your indexing

Controller:
$trade1 = Tradecum3::where('CODE', Auth::user()->ucc_code)->where('SCPOPT','!=','EX')->select('UNIQUEID', 'CODE', 'TRDATE', 'BS', 'SCPOPT as INSTTYPE','SCPCODE','SCPNAME', 'DUEDATE', 'STRIKERATE', 'MKTRATE', 'QTY', DB::raw('ABS(MKTRATE * QTY) as MKTTOTAL'));

    $trade2 = Tradecum2::where('CODE', Auth::user()->ucc_code)->where('SCPOPT', '!=', 'EX')->select('UNIQUEID', 'CODE', 'TRDATE', 'BS', 'SCPOPT as INSTTYPE', 'SCPCODE', 'SCPNAME', 'DUEDATE', 'STRIKERATE', 'MKTRATE', 'QTY', DB::raw('ABS(MKTRATE * QTY) as MKTTOTAL'));

    $trade = Tradecum1::where('CODE', Auth::user()->ucc_code)->where('SCPOPT', '=', 'EQ')->select('UNIQUEID', 'CODE', 'TRDATE', 'BS', 'SCPOPT as INSTTYPE', 'SCPCODE', 'SCPNAME', 'DUEDATE', 'STRIKERATE', 'MKTRATE', 'QTY', DB::raw('ABS(MKTRATE * QTY) as MKTTOTAL'))->union($trade1)->union($trade2);


    return DataTables::of($trade)
      ->addColumn('INSTNAME', function ($trade) {
       return $trade->SCPNAME."(". $trade->SCPCODE.")";
      })
      ->editColumn('INSTTYPE',function($trade){
        if($trade->INSTTYPE == "CE")
          return "Call Opt";
        else if ($trade->INSTTYPE == "PE")
          return "Put Opt";
        else if ($trade->INSTTYPE == "CF")
          return "Futures(EQ)";
      else if ($trade->INSTTYPE == "IF")
        return "Futures(INDEX)";
      else
        return $trade->INSTTYPE;
      })
  ->rawColumns(['INSTNAME'])
    ->make(true);

View:
$('#recentTradeTableAll').DataTable({
processing: true,
serverSide: true,
destroy: true,
ajax: {
url: "{{ route('datatable.trades') }}",
type: 'POST',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: function(d) {

                d.instrumentType = $("input[name='instrumentType']:checked").val();
                d.transaction_type = $("input[name='transaction_type']:checked").val();
            }
        },
        columns: [{
                data: 'TRDATE',
                name: 'TRDATE'
            },
            {
                data: 'BS',
                name: 'BS'
            },
            {
                data: 'INSTNAME',
                name: 'INSTNAME'
            },
            {
                data: 'STRIKERATE',
                name: 'STRIKERATE'
            },
            {
                data: 'INSTTYPE',
                name: 'INSTTYPE'
            },
            {
                data: 'DUEDATE',
                name: 'DUEDATE'
            },
            {
                data: 'MKTRATE',
                name: 'MKTRATE'
            },
            {
                data: 'QTY',
                name: 'QTY'
            },
            {
                data: 'MKTTOTAL',
                name: 'MKTTOTAL'
            }
        ]
    });

get() loads all the data and pageLength is not working..the above is loading all record.

Use query instead of collection by removing get() on your data source.

>orderBy('axe_recherche', 'asc')
        ->get(); // remove this line.

This made my query go from 20 seconds to under 2. Thank you!