未在 IE 中呈现的 ag-grid 过滤器按钮

Question

我在普通 javascript 中使用 ag-grid 并尝试使用过滤器。因为在官方页面上他们说他们支持 ie11，所以我无法在 ie 11 中使用过滤器按钮。

这是我在网格中的代码：

    filter: 'agSetColumnFilter',
        filterParams: {
            applyMiniFilterWhileTyping: true,
            buttons: ["reset","apply"],
            closeOnApply: false,
            debounceMs: 200
        },

在 chrome 中，它就像魅力一样。在 IE11 中我看不到按钮。即使htmlDOM元素为空

chrome:

<div class="ag-filter-apply-panel"><button type="button" ref="resetFilterButton" class="ag-standard-button ag-filter-apply-panel-button">Cancel</button><button type="button" ref="applyFilterButton" class="ag-standard-button ag-filter-apply-panel-button">Apply</button></div>

ie11:

<div class="ag-filter-apply-panel"></div>

有人遇到过这个吗？

Answer 1

好的。这是因为ag-Grid使用了es6 Set()。我需要在我的应用程序中包含兼容性垫片，然后它也开始在 IE 中工作。

例如：

<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.14/es5-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.14/es5-sham.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.5/es6-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.5/es6-sham.min.js"></script>

未在 IE 中呈现的 ag-grid 过滤器按钮

ag-grid filter buttons not rendered in IE

internet-explorer

ag-grid