2

Есть таблица, в верхней строке которой вставлены поля для фильтрации. Как сделать, чтобы эти поля input были растянуты на всю ширину ячеек.

<table class="table table-bordered table-dark" id="table-show">
    <thead>...</thead>
    <tbody>
        <div >
            <tr class='table-filters'>
                <td>
                    <input type="text" class="input-filter"/>
                </td>
                <td>
                    <input type="text"/>
                </td>
            </tr>
            <tr>...</tr>
        </div>
    </tbody>
</table>

вот так:

.input-filter {
    width: 100%;
    height: 100%;
}

не работает.

Вот что у меня показывает в браузере (я добавил еще одну строчку для наглядности): Таблица

1
  • Они у Вас сейчас и так во всю ширину ячеек. Или что Вы имеете в виду? 24 дек 2020 в 11:52

1 ответ 1

1

Как то так...Ячейки <td> ограничивают ширину

<td style="width: 100%">
   <input type="text" class="input-filter"/>
</td>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.