Failing to dynamically load data onto the simple-datatables dataTable with Vuejs

[amayendesa]

G

I'm failing to load data onto the simple-tables dataTable using Vue.

### Vue template below;

<div class="table-responsive"> <table id="products-list" class="table table-flush"> <thead class="thead-light"> <tr> <th>Max Value</th> <th>Fixed Charge</th> <th>Percentage Charge</th> <th>Remitting Agent Fixed Commission</th> <th>Redeeming Agent Percentage Commission</th> <th>Action</th> </tr> </thead> <tbody> <tr v-for="band in all_bands" :key="band"> <td class="text-sm">{{ band.maxValue }}</td> <td class="text-sm">{{ band.fixedCharge }}</td> <td class="text-sm">{{ band.percentageCharge }}</td> <td class="text-sm">{{ band.remittingAgentFixedCommission }}</td> <td class="text-sm">{{ band.redeemingAgentPercentageCommission }}</td> <td class="text-sm"> <a href="javascript:;" data-bs-toggle="tooltip" data-bs-original-title="Preview product" > <i class="fas fa-eye text-secondary"></i> </a> <a href="javascript:;" class="mx-3" data-bs-toggle="tooltip" data-bs-original-title="Edit product" > <i class="fas fa-user-edit text-secondary"></i> </a> <a href="javascript:;" data-bs-toggle="tooltip" data-bs-original-title="Delete product" > <i class="fas fa-trash text-secondary"></i> </a> </td> </tr> </tbody> <tfoot> <tr> <th>Max Value</th> <th>Fixed Charge</th> <th>Percentage Charge</th> <th>Remitting Agent Fixed Commission</th> <th>Redeeming Agent Percentage Commission</th> <th>Action</th> </tr> </tfoot> </table> </div>

Js for getting data below;

await axios .get('/agency_banking/remitt/api/v1/all-bands') .then(response => { this.all_bands = response.data }).catch(e => { console.log(e) })

[github-actions]

@amayendesa this issue was automatically closed because it did not follow the bellow rules:

IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/soft-ui-dashboard-pro

**If your issue was not created using the app above, it will be closed immediately.**



Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com

[groovemen]

Hello @amayendesa,

Thank you for using our products, please open the issue on this repo if you are using the Vue product version.

Cheers,
Stefan