Customizing Column Display in VueTable2

Bob Brock:
Hopefully simple question: How can I show a dollar sign for an amount value in VueTable2? My goal would be to leave the value as is, meaning not just append $ to the 20.00 amount


Andrew Dam:
You can customize columns in your table2 using slots. See this example for a reference on how to add slots to your table2.

In your custom slot for the amount value column, you can use HTML to display your data as you desire. For example if “amount” was your column key:

<span>${{row.amount}}</span>


Bob Brock:
Simple enough, thanks!