Question

我正在从事一个涉及图表的项目。

问题是这样的：我有一个带有组列表的引导卡。每个李代表一个选定的项目

它看起来像这样（由于某些原因，我无法直接上传到这里） https://i.imgur.com/tAcmjZp.png https://i.imgur.com/ROwCEHa.png

每个li的

代码是：

<li class="list-group-item" data-id="${newChart}">
          <div class="row align-items-center">
            <div class="col-sm-4">
              <b>${RPMeta.accumulator(newChart).name}</b>
            </div>
            <div class="col-sm-1">Group By:</div>
            <div class="col-sm-3">
              <select class="selectpicker" id="${id}_${newChart}_GroupBy"  data-container="body" data-dropup-auto="false">
              <option selected value="All">All</option>
              <option value="Site">Site</option>
              <option value="vRPA">vRPA</option>
              <option value="CG">CG</option>
            </select>
            </div>
            <div class="col-sm-1" id="${id}_${newChart}_GroupSelectorLabel"></div>
            <div class="col-sm-3" id="${id}_${newChart}_GroupSelectorContainer" style="display:none">
              <select class="selectpicker" data-width="100%" id="${id}_${newChart}_GroupSelectorPicker" multiple data-max-options="4" data-container="body" data-dropup-auto="false">
              </select>
            </div>
          </div>
          <span>x</span>
        </li>

我不知道为什么下拉菜单会上升或到达中间... 我希望它下降，即使那意味着用户将向下滚动。尝试使用： data-dropup-auto =“ false”或data-dropupAuto =“ false”均无效。 li或引导卡似乎将空间限制在菜单中。有什么想法吗？

谢谢！

Bootstrap-select / selectpicker下拉列表没有下拉（带有data-dropup-auto =“ false”）

0 个答案: