HTML buttons inside of retool table trigger query

[ovryu]

Hello,

I'm attempting to add 2 separate HTML buttons inside of a custom column. I'm doing this by creating a custom column > Column type > HTML and having code that looks like:

<div>
<button onclick="tableActions.trigger()">Click me</button>
<button onclick=tableActions.trigger()">Click me</button>
</div>

I'm attempting to trigger a javascript function I created in my retool app called tableActions. When clicking on these buttons inside of the tables nothing occurs. Am I able to trigger a retool query from inside of an HTML column type?

Best,

[minijohn]

Hey @ovryu,

I'm not 100% sure but I don't think that'll work. I've tried also via global functions but it seems that you can't actually trigger a query like this.

Have you tried using "actions" instead of a HTML column? That definitely works:p

[bradlymathews]

There is an advanced technique for doing this which is working for me (though with <a> links rather than buttons but it should not matter.)

Run a JS query when clicking aa `<a>` link in table HTML or HTML Component

I have a table that uses HTML columns extensively. I have buttons to open modals to edit the underlying data. They do take up quite a bit of real estate however. What I would be really slick is to do is have <a> links that open the modals. This would also duplicate the functionality the users are used to with the old web site Retool is replacing. [image] Link 1 in red opens a a different app in into a new tab which replaces the View Project button. That works just fine now. Link 2 would hope…

[minijohn]

Oh dang, that's a nice workaround