раскрывающиеся меню igGrid - PullRequest
Новая
       9

раскрывающиеся меню igGrid

0 голосов
/ 05 марта 2020

Выпадающие меню (как в выпадающем меню pageSize) и меню фильтров отсоединяются от их элемента управления вводом при открытии их и расширении окна, а также при визуализации сетки внутри элемента с фиксированной высотой и переполнением. y: auto и прокрутите его с показом выпадающего меню.

У вас есть идеи, как решить эту проблему?

Вы можете проверить это в этой скрипке: https://jsfiddle.net/9sqcprh3/1/

HTML: 

<script src="https://igniteui.com/js/modernizr.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<script src="https://igniteui.com/data-files/adventureworks.min.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>
<div style="overflow-y:auto; height:400px">
<table id="grid"></table>
</div>

Javascript: 

$(function () {
            $("#grid").igGrid({
                autoGenerateColumns: false,
                width: "100%",
                columns: [
                    { headerText: "Product ID", key: "ProductID", dataType: "number", width: "15%" },
                    { headerText: "Product Name", key: "Name", dataType: "string", width: "40%" },
                    { headerText: "Product Number", key: "ProductNumber", dataType: "string", width: "30%" },
                    { headerText: "Make Flag", key: "MakeFlag", dataType: "bool", width: "15%" }
                ],
                dataSource: adventureWorks,
                features: [
                    {
                        name: 'Paging',
                        type: "local",
                        pageSize: 10
                    },
                    {
                    name:'Filtering'
                    }
                ]
            });
        });

Отключается при прокрутке

Отсоединяется при расширении окна

...