Laravel blade table to AJAX - ajax

Question

Hi I have users with many receipts and partners. I need one table like this.
ID | Receipt Number | Username | Receipt Date | Partner name| Partner Phone | Operations
Here is my controller. User has relationship with receipts and partners they returns result with i need.
public function index()
{
$user = Auth::id();
$datas = Operation::with('user','receipt', 'partner')->where('user_id', $user)->get();
return view('operations.index', compact('datas'));
}
Here is view
<table class="datatables-basic table" id="example">
<thead>
<tr>
<th>#</th>
<th></th>
<th>User</th>
<th>Date</th>
<th>Partner</th>
<th>Phone</th>
<th>Amallar</th>
</tr>
</thead>
<tbody>
#foreach($datas as $idx => $data)
<tr>
<td>{{$idx+1}}</td>
<td>{{$data->receipt->number}}</td>
<td>{{$data->user->username}}</td>
<td>{{$data->receipt->date}}</td>
<td>{{$data->partner->username}}</td>
<td>{{$data->partner->phone}}</td>
<td>
<a href="#" class="btn btn-icon btn-flat-primary">
<i class="fas fa-edit"></i>
Edit
</a>
<a href="#" class="btn btn-icon btn-flat-primary">
<i class="fas fa-view"></i>
View
</a>
<a href="#" class="btn btn-icon btn-flat-primary">
<i class="fas fa-trash"></i>
Delete
</a>
</td>
</tr>
#endforeach
</tbody>
</table>
Problem is {{$data->receipt->number}}, {{$data->receipt->date}}, {{$data->partner->username}} says "Property [date] does not exist on this collection".
And second problem how to convert this table to AJAX?
Here is Operation table
id| user_id | parner_id | receipt_id | date | amount | price
Here is receipt table
id | date | type | user_id
Thanks