Содержит более крупный текст в строке таблицы

Я пытаюсь понять, как содержать строку в столбце сетки, когда содержимое очень велико. Рассматриваемая строка состоит из URL-адреса, который может быть довольно длинным.

У меня есть два столбца в сетке начальной загрузки. Если строка в таблице левого столбца очень длинная, правый столбец сжимается. А если левый столбец очень большой, то столбцы сетки располагаются горизонтально, а рассматриваемая длинная строка выходит за границы сайта.

Есть ли способ содержать такие длинные строки? Я попробовал подход, описанный в https://stackoverflow.com/a/18498071, но это не дало никакого эффекта.

Вот мой код. Я использую шаблоны jinja для заполнения второго столбца некоторыми фиктивными данными:

<div class = "container">
            <div class = "col">
                <h6 class = "text-center">HEADING</h6>
                <div class = "form-row">

                    <div class = "col">
                        <ul class = "list-group list-group-horizontal">
                            <li class = "list-group-item flex-fill">TEXT</li>
                            <li class = "list-group-item flex-fill">TEXT</li>
                            <li class = "list-group-item flex-fill">TEXT</li>
                            <li class = "list-group-item flex-fill">TEXT</li>
                        </ul>
                    </div>

                </div>
                <br>
                    <div class = "row">
                        <div class = "col">
                            <table class = "table table-stripped table-sm">
                                <thead>
                                    <tr>
                                        <th scope = "col">Colums</th>
                                        <th scope = "col">Column2</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>http://amazon.com</td>
                                        <td>75</td>
                                    </tr>
                                    <tr>
                                        <td>www.website.com/somedomain</td>
                                        <td>90</td>
                                    </tr>
                                    <tr>
                                        <td>www.anotherwebsite.comttttttttttttttttttttt0000000000000000000000000000000000000000000000000000000000tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt</td>
                                        <td>98</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                            <div class = "col">

                            <table class = "table table-stripped table-sm">
                                <thead>
                                <tr>
                                    <th scope = "col">Some URLs</th>
                                </tr>
                                </thead>
                                {% for data in dummy_data %}
                                <tbody>
                                <tr>
                                    <td>{{data}}</td>
                                </tr>
                                </tbody>
                                {% endfor %}
                            </table>

                        </div>

                    </div>

            </div>
    </div>