问题标签 [mat-table]

使用角度材料表向我显示上述错误，MatTableModule 被导入应用程序模块中仍然显示错误。数据源上的数组或任何导入是否有任何问题

我使用 Angular 材料的 mat-table 和 mat-paginator，但我对表格数据的页面长度、页面索引和大小有疑问。示例我从服务器计算数据为 100，我必须使用 HttpClient 数据偏移量 = 0 和限制 = 10 查询，然后我首先收到 10 行。所以我想显示 mat-paginator 的标签范围：[1 - 10 of 100 < >]，并且按钮 [>] 可以点击。我试图找到很多答案，但我不能。所以我的问题的任何解决方案。

注意：我不想从服务器搜索所有数据。我的项目非常慢，而且不利于思考。

有没有办法在特定列上禁用行扩展。通常，如果您单击行的任何部分，它会展开。但是假设一列是评论部分，当用户单击输入字段时，您不希望该行扩展。就像在这个例子中一样。单击位置列时如何防止行扩展：https ://stackblitz.com/angular/gqvrlgbeqkv?file=app%2Ftable-expandable-rows-example.ts

有没有人有一个很好的解决方案来将内联文本编辑添加到一个列中，您可以在此示例中使用 mat 表进行编辑、保存和重新编辑： https ://material.io/design/components/data-tables.html#行为 它看起来仍然是 gitHub 上的一个未解决问题：https ://github.com/angular/material2/issues/5982

我想知道如何使用 Angular Material mat-table 仅显示行的垂直滚动条（标题不移动）。当我在 mat-table 样式中设置 overflow: auto 和 max-height 时，整个表格（包括标题）都会滚动。谢谢你的帮助。

我正在使用来自 Angular 的 mat-table。

我必须为表格设置标题。

但是 mat 表不接受这种语法。也许有人有想法？

谢谢

我正在开发一个应用程序，它应该可以通过键盘和屏幕阅读器访问。我正在使用角度材料表以表格格式显示数据。这里唯一的问题是它不能通过键盘访问。

这是StackBlitz

这是一个已知的错误？

我正在尝试使用角材料中的 mat-sort-header 来对表格进行排序。

我从 http 请求中获取表中包含的数据。数据显示正常，但排序似乎不起作用。单击列时，我可以看到发出的事件，但行保持相同的顺序。

我已经看到有些人已经遇到了这个问题，所以我尝试了以下方法：

• 将内部包装this.dataSource.sort = this.sort为 setTimeOut

• 在 ngOnViewInit 中执行此操作

这是我的 html 模板：

和我的组件：

我从 http 获得的数据是具有以下结构的元素数组：

谢谢

我有一个表，其中存储在数据源中的 4 个显示列（email-firstname-lastname-skills），其中一个是“Skills”列，它是一个数组，这四列是从数据库中提取的，用户的模型是

我尝试使用角度教程中的过滤器但没有运气

我在这里尝试使用此代码

我希望过滤器适用于整个表格，但代码适用于除“技能”列之外的所有列，有什么想法吗？

更新：

数据库结构

在该图像中有我的 mongodb 结构，有没有办法通过引用另一个数据库结构的字段“Skill”自动填充字段“Skillname”？

我正在使用 Angular Material Table 来显示我从 API 调用中获得的数据。现在的问题是，如何通过单击按钮将 Mat-Table 数据导出为 PDF 和 CSV，任何可以帮助我达到目的的 Angular 模块。

谢谢