Angular 7 - 材料 - 表格列过滤器和列排序 - 边缘答案

【问题标题】：Angular 7 - Material - Table column filters and column sorting - EdgeAngular 7 - 材料 - 表格列过滤器和列排序 - 边缘
【发布时间】：2020-04-08 23:05:58
【问题描述】：

我正在尝试将特定列过滤和列排序与材料表结合起来。在 chrome 上它工作得很好，但我无法让它与我的目标浏览器 Edge 一起工作......

在边缘，我无法访问列过滤器文本字段，它只是对列进行排序。

这是一个与我的问题相匹配的堆栈闪电战：https://stackblitz.com/edit/angular-hbakxo-9enmx4

提前致谢。

【问题讨论】：

您的 Stackblitz 示例是否在 Edge 中运行？我尝试在 Edge 中运行它，但它显示“堆栈空间不足”错误。
IE11 作为 Edge 调试器运行（我别无选择，因为我们在 Windows 7 计算机上运行）。
不确定，您是如何访问它的。 Stackblitz 示例在使用 IE 11 浏览器打开时显示空白页面。
尝试使用应用链接而不是包含代码的链接，它适用于我。 angular-hbakxo-9enmx4.stackblitz.io
我尝试用 IE 检查它，我可以在那里看到这个问题。我检查了代码，并尝试将其与另一个示例进行比较。我注意到您没有在这一行中使用 type="text" 。你可以尝试添加它并用它测试。

标签： angular internet-explorer angular-material

【解决方案1】：

我找到了解决问题的方法。我没有在 th 中使用标签 mat-sort-header，而是在 th 中使用了一个专用的 span。

<span mat-sort-header></span>

它只需要一点 css 就可以在正确的位置进行渲染，但它可以解决问题。这是编辑后的堆栈闪电战：https://stackblitz.com/edit/angular-hbakxo-9enmx4

【讨论】：

您可以将自己的答案标记为已接受的答案。它可以在未来帮助其他社区成员解决类似的问题。感谢您的理解。
我在 4 个小时左右都不能。我会在下午做。