[Question] VueAdminTable: Change tableDataEndpoint + reload() ?

[wsydney76]

Description

Trying to filter data in a VueAdminTable with data loaded via ajax/tableDataEndpoint, but could not figure out how to dynamically set a new tableDataEndpoint and refresh the data without reloading the whole page.

Something like table.settings.tableDataEndpoint = 'main/ads/data?status=open' + table.reload()

Is this even possible right now? (if not, this is a FR...)

/Aylin

[Mosnar]

@wsydney76 Last time I checked, there wasn't a public API to do this; however, I was able to "hack" it by modifying the prop on the table component, which triggers a reload. Here's an example where toggling the site switcher would reload the data in the table for that site:
https://github.com/venveo/craft-redirect/blob/master/src/assetbundles/admintablesiteswitcher/dist/js/AdminTableSiteSwitcher.js

It's messy and it'll probably break eventually, but it works in a pinch!

[wsydney76]

@Mosnar Great, thanks, works perfectly right now.

Notes for myself:
table.$children[0].$props.tableDataEndpoint = endpoint;

Looks like you can't initialise the vue table as documented new Craft.VueAdminTable({...options...}); to get this working : has to be new Craft.VueAdminTable().init({...options...}); instead.

Also table.$children[0].reload(); for picking up latest updates from front end.

/Aylin

[wsydney76]

Cleaning up, this is finally implemented via #13416.

/Karla