I’m trying to implement a Jquery Datatable (as found here: https://datatables.net/) so I can search & sort through my data but it appears to not be working. I’ve followed the initialization & installation instructions but it still doesn’t work.

When I click on a column to sort the data, the UI says “No data available in table” – although there is.

It looks like this:

When I click to sort a column I see this:

Here is my code:

<script src="https://cdn.datatables.net/2.0.5/js/dataTables.js"></script>
<script>
            $('#loanOffersTable').DataTable({
                data: scope.loanOffers, //this is set in my Vue code (not pictured for brevity)
                columns: [
                    { data: 'Lender' },
                    { data: 'TotalAvailable' },
                    { data: 'InterestRate' },
                    { data: 'OriginationFee' }
                ]
            });
</script>

Please help. Kind Regards.