响应式 table 的提前输入无法正常工作

Question

有没有人能够在响应式 table 中使用提前输入小部件？ table 的溢出会切断下拉列表。

任何想法或帮助都会很棒！

Answer 1

我在我的网站上使用它 33hotels.com 并且效果很好。这是它在我的代码中的样子：

<!-- ======= Typeahead directive from Angular UI ======= -->
<input  id="input-region"
        type="search"
        class="form-control"
        ng-model="lc.storage.currentRegion"
        typeahead="region as region.nn for region in lc.regionsCompletion($viewValue) | filter:{n:$viewValue}"
        typeahead-template-url="typeahead.tpl.html"
        typeahead-wait-ms="0"
        typeahead-loading="loadingRegions"
        typeahead-on-select="lc.updateRegion()"
        placeholder="Enter your region"
        ng-blur="lc.onBlur()"
        focus-on="locationFocus"
        autofocus/>

不过我有一个自定义 Bootstrap，它禁用了大部分声明。您可以在 Chrome 检查器中使用我的网站，看看那里有什么声明。

Answer 2

我想通了。查看源代码，您可以设置一个标志以将下拉菜单附加到正文元素。

响应式 table 的提前输入无法正常工作

Typeahead with responsive table not working correctly

angular-ui-bootstrap