    <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 x-text="ranking.formatted_ranking"></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 x-text="ranking.points"></div>
                    {% endif %}
                </div>
                <div x-show="index < column.length - 1">
                    <hr/>
                </div>
            </div>
        </template>
    </div>
