正在隐藏绝对下拉内容

Question

我的jqGrid视图，所以增加新的功能选项列，在插入符按钮我将说明这样下拉列表点击如果下拉内容位置被固定时，但是当我的窗口向下滚动I＆＃39; 11像图片

当我将子元素位置设置为绝对时，下拉列表的内容将被隐藏

我搜索了很多，但我不知道如何以绝对位置显示下拉内容。

<th id="propsectGrid_Link" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr" style="width: 40px;">
<span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span>
<div id="jqgh_propsectGrid_Link" class="ui-jqgrid-sortable">
    <div id="dropdown-columns" class="dropdown">
        <span class="dt-button btn">
            <span class="caret"></span>
        </span>
        <div id="dropdown-columns-content" class="dropdown-content dt-button-collection" style="position: absolute; margin-right: 35px; display: block;">
            <a id="CustomerId" class="dt-button" onclick="showHideColumn('CustomerId', 'false')">
                <span>CompanyId</span>
            </a><a id="OrgNumber" class="dt-button active" onclick="showHideColumn('OrgNumber', 'true')">
                <span>Org.nr</span>
            </a><a id="Name" class="dt-button active" onclick="showHideColumn('Name', 'true')">
                <span>Company Name</span>
            </a>
        </div>
    </div>
</div></th>

Answer 1

您需要设置下拉容器的overflow：visible属性，该属性应该是jqGrid容器。