    <div class="bubble">
        <template x-for="(ranking, index) in column" >
            <div>
                <div class="table-row-3-colums-ranks">

                    <div class="table-cell">
                                        <div class="mybox center">
                                            <span style="font-size: 1.4em;" x-text="ranking.formatted_ranking"></span>
                                        </div>
                                    </div>
                    <div class="table-cell table-cell-large padding-left semibold">

                        <template x-for="name in ranking.names" >
                            <div><span x-text="name"></div>
                        </template>
                    </div>
                    {% if tournament.display_points_earned %}
                    <div class="table-cell right horizontal-padding numbers">
                                        <span style="font-size: 1.4em;" x-text="ranking.points"></span>
                                    </div>
                    {% endif %}
                </div>
                <div x-show="index < column.length - 1">
                    <hr/>
                </div>
            </div>
        </template>
    </div>
