Present a 3 Column Table

#1

Hi,

I am looking for any advice on the best way to present a table like this in the app.
Basically, I am trying to create a leaderboard that shows all the competitors (player name) and their numbers of points and active streak. So it needs to be a table with 3 columns.

This is how I would like it to be seen.

Player Name Points Active Streak
Player 1 10 4
Player 2 9 3
Player 3 8 3
Player 4 7 1

Thanks for any advice!

#2

You can use Markdown to achieve that or if you’re willing to risk using HTML, you can use the HTML format.

Both use the rich text component.

#3

Thanks, ThinhDinh.
How would I set up the table if I use the rich text component?
My confusion is that the component would reference only one cell at a time while I need to create a table. I guess I’m missing part of your suggestions.

Thanks!

#4

You have to create a template column with this code:

 <table style="width:100%; ">
     <tr>
        <th><center>ColumnName1 </b> </th>
    <th><center>ColumnName2 </b> </th>
    <th><center>ColumnName3 </b> </th>
     <tr>
        <td><center>ColumnName1_content</th>
    <td><center>ColumnName2_content</th>
    <td><center>ColumnName3_content</th>
     </tr>

Replace “ColumnName_content” with your data. Now add Rich Text component e select the template column just created.

3 Likes
#5

Thanks, Antonio.
I will try that and report back on any questions.
Thanks!

1 Like