Я не могу отобразить данные в виде данных из двух таблиц, восстановленных с помощью AJAX с использованием laravel

Question

Мне удалось получить мои данные в виде двух таблиц dataP и ps, и я хочу отобразить их в моей таблице данных, но это дает мне undefined для всех полей.

SalarieController. php

 public function etatq1u(request $request){
        $pointages = Pointage::get();
        $dataP = DB::table('Salaries AS s')
         ->leftJoin('pointages AS p', 'p.salarie_id', '=', 's.id')
         ->leftJoin('avances AS a', 'a.salarie_id', '=', 's.id')
         ->groupBy('s.id')
         ->selectRaw('s.id AS "matricule",
                      s.nom AS "nom",
                      SUM(p.sold) as montant,
                      SUM(a.montantA) as avance')
         ->get();
              return response(compact('dataP','pointages'));
          }

AJAX

 $.ajax({
          type: 'get',
          url: "{{ route('salarie.etatq1u') }}",
          data: {
                 'annee':ann,
                 'mois':moi,
                 'salarie_id':sal,
                 'chantier_id':chan,
                 'unite' : unite
                },
          success: function(data1){
              console.log(data1);
              $.each(data1, function(i,val) {
                let html = `<tr>
                          <td>${data1[i].matricule}</td>
                          <td>${data1[i].nom}</td>
                          <td>${data1[i].avance}</td>
                        </tr>`;
             $('#mytable').append(html);
            });
          },
          error: function(){
              console.log('error');
          },
          });