问题标签 [mat-table]

我在 mat-table 中绑定了 mat-autocomplete 控件（几乎 30k 条记录）。在这里，用户可以在自动完成中更改值并保存 mat - 表。

如果用户在 mat-table 的多行中选择自动完成控制中的任何不同值并保存。

如果我们重新绑定 mat-table，所有 mat-autocomplete 选定的项目都将显示 mat-autocomplete 的最后一个值。

但这里数据源对象已正确更新。

在 mat-autocomplete 中更新和保存值

刷新 Mat-table 设置最后一个值后。[这里的数据源很好，json对象具有正确的值]

html代码

垫表放置在容器中，并放置在选项卡控件中，单击选项卡页时，我们正在加载和绑定垫表

我有一个 Angular 6 应用程序，它在一个页面中显示多个 mat-tables。这是json的样子。

我正在尝试在同一页面的 2 个单独的垫表中显示来自 jobDocMetadata 和 jobStatusHistory 的数据。这是从休息服务获取数据的服务。

这是到目前为止的组件代码，订阅了 observable 并且运行良好。

这是模板示例。

我正在尝试修改此代码以使用异步管道，因为它比订阅 observable 更受欢迎。为此，我试图将我的数据源绑定到 Observable。

所以我的问题是如何将 2 个数据源绑定到 JobDetail 的 Observable。我无法将 Observable 直接绑定到数据源，因为我需要的数据在 JobDetail 中。所以我想把 JobDetail 的 Observable 转换成 JobDetail 对象（jobDetailObs to jobDetail）来实现这个映射。这是最好的方法吗？如果是，我该如何实现？

我有一个带有排序和分页器的垫表。我的组件看起来像这样，因为在 ngOnInit 中我注册到一个调用 populateAlertTableSource 函数的事件处理程序。调用此函数时，表格中的数据确实会刷新，但绘制器不会，除非我将鼠标悬停在表格上（或单击分页器）。当我从表中删除一行时也会发生这种情况 - 在我将鼠标悬停在表上（或单击分页器）之前，该行不会消失并且分页器不会刷新。当我在其声明中手动填充数据源时，这似乎不会发生，并且 pagiantor 会当场更新。

我有下表

从这个答案matColumnDef中，对象属性必须具有相同的名称。

我做对了employeeWrapper.id，排序工作正常。

但是对于employeeWrapper.employee.name，它是二级属性。设置matColumnDef为employee.name或name不起作用。我都试过了。

这个问题有解决方案/解决方法吗？

在我的 Angular 6 应用程序中使用mat-table时，我无法为水平滚动设置背景颜色mat-header-row和正确设置背景颜色。mat-rowCSS 属性仅适用于屏幕的可见部分，一旦向右滚动，就不会分配颜色。

我的表中有大约 30 列，所以肯定需要水平滚动。

我的CSS如下：

尝试将溢出属性分别设置为 mat-h​​eader-row 和 mat-row；它解决了背景颜色，但标题行和数据行可以单独滚动而不同步。

HTML 文件如下：

按照Deepu的回答后，背景出现如下：

我正在尝试在 Angular 6 中向我的 mat-table 添加分页。我正在使用下面链接中的一些示例。但它不起作用：

https://material.angular.io/components/table/examples

看起来 mat-table 正确地填充了数据，并且分页器正确地出现在它的下方，但是它们无法连接在一起：

可以看到，分页器设置为每页5条记录，但是表中当前页的记录多于记录。它还表示 0 out of 0，这进一步表明无法链接到表。

这是我的html：

这是我的 ts 代码：

谁能告诉我做错了什么？

谢谢。

我正在尝试在 Angular 5 项目中使用 mat-table，但出现此错误。我导入了MatTableModule它所需的一切，但仍然出现此错误：

ng: 'mat-table' 不是已知元素： 1. 如果 'mat-table' 是 Angular 组件，则验证它是否是该模块的一部分。2. 如果“mat-table”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

这是我的 admin.module.ts，它是我的组件的父模块：

任何帮助请解决这个问题，这是一个紧急情况

我想知道是否有任何方法可以编辑 mat-table 的列标题并将新值存储在某个变量中。我在任何地方都没有找到令人满意的答案。

我在 mat-table 中有三列。

第一列是数字，第三列是日期，第二列包含一个大字符串。

我希望第一列是 15px，第三列是 100px，中间列是宽度。百分比 5%, 85% 10%。

如何在 mat-table 中实现这一点？

尝试创建一个通用表，它将接受 TS 文件中的列并加载数据。

收到此错误：

ng:///AppModule/TableBasicExample.ngfactory.js:56 ERROR 错误：找不到 ID 为“[object Object]”的列。

代码：