Add multiple buttons inside the Table component row

[Vipin]

• I want to add three buttons inside the table component. So, on each button click I run different query.

• I drag and drop the table component and add my data source into it. then I
  add new column and set its format type to HTML. I added HTML in the
  Value.

<div class="table-button" id="action1" onclick="action1()">action1</div>
<div class="table-button" id="action2" onclick="action2()">action2</div>
<div class="table-button" id="action3" onclick="action3()">action3</div>

But now, how can we find out which button I click inside that row because it is returning same string every time, I hit the button it is returning value same string.

"<div class="table-button" id="action1" onclick="action1()">action1</div> <div class="table-button" id="action2" onclick="action2()">action2</div> <div class="table-button" id="action3" onclick="action3()">action3</div>"

[Tess]

Hi @Vipin Thanks for reaching out! Could you use the action buttons feature instead? Or multiple different custom columns with the button type?

[Milan_Kalem]

Hi @Vipin ,

To add here, you when you use Button column type, you can choose to leave the header of the column blank for any additional button column, and it will replicate the same look you have with HTML type column, but you can set different functionality for each separate button.