список параметров начальной загрузки только в том случае, если базовый компонент - PullRequest
Новая
       37

список параметров начальной загрузки только в том случае, если базовый компонент

0 голосов
/ 05 мая 2019

Я надеюсь, что смогу объяснить это ясно. У меня есть таблица, представляющая список данных в шаблоне чабреца. Заголовок этой таблицы является формой, которая используется для фильтрации ее содержимого. Проблема, которая у меня возникнет, проявится, только если содержание таблицы очень короткое, скажем, только одна запись. Вот некоторый код, чтобы показать, как это выглядит: 

<div class="table-responsive">
<form name="fiterScanCodes" th:action="@{'/scanCodes/search'}" method="POST">
    <table class="table table-hover table-striped table-dark">
        <thead>
            <tr>
                <th>Scan Code</th>
                <th>Med</th>
            </tr>
            <tr>
                <th>
                    <input type="text" class="form-control" id="scanCodeFilter" name="scanCodeFilter" th:value="${scanCodeFilter}" 
                        placeholder="Search Scan Code" onchange="this.form.submit()"/>
                </th>
                <th>
                    <select class="form-control selectpicker" id="medFilter" name="medFilter" th:value="${medFilter}"
                        onchange="this.form.submit()" data-live-search="true" title="Select Med"> 
                        <option value="">Search Med</option>
                        <option th:each="med : ${meds}" th:value="${med.id}" 
                            th:text="${med.toString()}" th:selected="${med.id == medFilter}">
                            </option>
                    </select>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr th:each = "scanCode : ${scanCodes}">
                <td th:text = "${scanCode.scanCode}"></td>
                <td th:text = "${scanCode.med.toString()}"></td>
            </tr>
        </tbody>
    </table>
</form>
</div>

Проблема, с которой я столкнулся, заключается в том, что видимая часть параметров имеет длину, равную длине самой таблицы:

enter image description here

По мере того, как таблица становится больше, я могу видеть все больше и больше вариантов, пока она окончательно не появится полностью:

enter image description here

Что контролирует это поведение и как я могу постоянно отображать полный список опций? Я попытался установить свойство overflow видимым для класса selectpicker, но это не сработало.

1 Ответ

0 голосов
/ 05 мая 2019

Конечно, я нахожу свой ответ через 2 минуты после написания этого поста, пробуя полуслучайные вещи!Мои попытки установить свойство переполнения шли в правильном направлении, но я неправильно применял его к классу selectpicker.Свойство overflow должно быть установлено для нижележащих контейнеров, а не для самого компонента.Приведенный ниже CSS исправил это:

...