Bootstrap 5 избавляется от полей ввода больших чисел

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

вот вид, когда это не форма:

Какой аргумент я могу поместить в класс th или td, чтобы зеленые области были минимизированы? Фиксированная ширина в пикселях была бы вариантом (возможно ли это?). Я уже пробовал <th class="w-25"> или <td class="w-25"> (и то и другое). Я добился добавления аргумента class="w-50" к полям ввода чисел, так что это, похоже, работает.

<table class="table table-striped table-hover">
    <thead class="thead-dark">
        <tr>
            {% for col in header %}
                {% if col == "number" %}
                    <th>{{ col }}</th>
                {% else %}
                    <th>{{ col }}</th>
                {% endif %}
            {% endfor %}
            <th class="text-end">action</th>
        </tr>
    </thead>
    <tbody id="table">
        <tr>
            {% for key, value in product.data.items %}
                <td>{{ value }}</td>
            {% endfor %}
        </tr>
    </tbody>
</table>

Вернуться на верх