演示过滤器与社区过滤器

Question

我刚开始使用农业网格。我正在阅读一些文档，并且遇到了一些我不清楚的问题。在“列过滤”部分中，我看到了示例，并且整理了一些代码，这些代码相信可以与示例中的操作重复。代码可以正常工作，并且可以过滤，但是我看到的过滤器弹出窗口与页面示例中的弹出窗口不同。具体来说，我看到一个过滤器，该过滤器具有一个文本输入区域，并且一旦输入了文本，就会显示一个区域，其中显示“与/或”按钮（按钮位于文本顶部）和第二个文本输入区域。在文档的示例中，我看到了清晰的弹出窗口，其下拉菜单以“包含”（并具有其他选项）开头，并且在下面是文本输入区域。我在做错什么/错过了什么？这是预期的行为吗？ 我的列定义如下：

var columnDefs = [
{headerName: "Title", field: "title"},
{headerName: "Alias", field: "alias"}
];

我的网格选项是：

var gridOptions = {
columnDefs: columnDefs,
enableSorting: true,
enableFilter: true,
enableColResize:true,
rowSelection:'single',
rowDeselection:true,
onRowSelected: onRowSelected,
onSelectionChanged: onSelectionChanged
};

我正在从访存中获取行，因此未定义rowData。

图像（第一个是在演示中看到的图像，第二个是我在应用程序中看到的图像）

我在演示应用程序中看到的过滤器

我在应用程序中看到的过滤器

Answer 1

从评论中：

  

我看到了您的截图，但不知道发生了什么。在   猜想，我会说您有一些奇怪的CSS正在影响   农业网格过滤器。尝试暂时删除所有非本机CSS   农业网格。如果您需要更多帮助，则必须提供一个演示   重现问题。

似乎Scenario Outline是问题的根源：

  

@thirtydot点。在某些情况下，“选择”元素未显示   其他CSS，并且输入已调整大小。罪魁祸首似乎是materialize.css。

您可能需要这样的CSS：

.ag-root-wrapper select {
    display: inline-block !important; /* might not need !important */
    /* and any other needed CSS to make selects display normally */
}