Filter 演示过滤器与社区过滤器

我是ag grid的新手。我正在浏览一些文档，遇到了一些我不清楚的地方。在专栏过滤部分，我看到了一些示例，我把一些代码放在一起，我相信这些代码重复了示例中所做的工作。代码可以工作，我可以过滤，但是我看到的过滤器弹出窗口与我在页面上的示例中看到的不同。具体来说，我看到一个过滤器，它有一个文本输入区域，一旦输入了文本，一个显示和/或按钮的区域（按钮位于文本顶部）和第二个文本输入区域。在文档中的示例中，我看到了一个清晰的弹出窗口，其中有一个以“Contains”开头的下拉列表（并具有其他选项）和下面的文本输入区域。我做错了什么/错过了什么？这是预期的行为吗？ 我的列def如下所示：

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
};

我正在从fetch获取行，因此没有定义rowData

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

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

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

来自评论：

---

我看到了你的截图，我不知道发生了什么。至少 我猜，我会说你有一些奇怪的CSS影响了 银栅滤波器。尝试暂时删除所有非本机CSS ag网格。如果你需要更多的帮助，你必须提供一个演示 重现问题

这似乎是问题的根源：

@三十点准时到达。“选择”元素在某些情况下未显示

---

其他css和输入已调整大小。罪魁祸首似乎是materialize.css

您可能需要一些如下CSS：

.ag根包装选择{
显示：内联块！重要；/*可能不需要！重要*/
/*以及使选择正常显示所需的任何其他CSS*/
}

你能添加一些截图吗？我看到了你的截图，但我不知道发生了什么。猜测一下，我会说你有一些奇怪的CSS正在影响ag网格过滤器。尝试暂时删除所有不是ag grid本机的CSS。如果你需要更多的帮助，你必须提供一个重现问题的演示。Thx@thirtydot。我会给你一个机会whirl@thirtydot完全正确“select”元素在其他一些css中没有显示，输入的大小已经调整。如果你想提出解决方案，我会接受的。谢谢罪魁祸首似乎是materialize.css。尽管我已经完成了“$（'select'）.material_select（）；”并尝试将“browser default”类添加到带有.ag filter select类的项目中，但我在filter box中没有看到select，我对此的理解略有不同（直接附加到ag filter select类，并添加了一些内容，如padding:0px和height:20px，以获得我想要的外观）。我最终在html文档的末尾添加了样式，这解决了这个问题（对我来说）。感谢@thirtydot的所有输入和帮助。