问题标签 [angular-material-table]

当我从 firebase 数据库中检索值时，我想将值推送到如下所示的数组中

这是我到目前为止尝试过的......

上述代码的错误是无法读取未定义的属性“列”

即使我在全球范围内声明了列数组，它也无法识别它。

在 HTML 中我想这样使用....

任何提示表示赞赏。谢谢你。

我有一个问题，我需要关注我表中单击的列字段。我总是必须在字段上单击两次才能修改输入字段中的内容。

HTML：

零件：

我在其他线程中读到了一些关于template reference variable方法的内容，.focus()但它对我不起作用。

谁能帮我？

我正在开发一个带有角材料的 Angular6 应用程序。现在面临使用多个值从 mat-table 结果中过滤数据的问题。

从表单组过滤后，我没有在表中得到任何值。

这是我工作的正确方式吗？如果没有，请帮我解决这个问题。

请参考屏幕截图并找到链接stackblitz 项目以获取实际视图，

我对 Angular 很陌生。我正在开发一个包含 2 个组件的搜索页面。“搜索”和“搜索表”。searchtable 正在使用材料表。我正在尝试使用来自 HTTP get 的数据填充材料表。但是，材料表仅显示标题但没有数据。

getPersons() 是从另一个组件调用的。我可以通过材料表看到控制台中的值没有被填充。get返回的数据是：

我一直在努力让我的表格对移动设备/平板电脑更友好，并且我在文档中使用了 Angular Material 的表格示例和粘性列。

问题是当我水平滚动时，表格离开屏幕，无论如何都超出了粘性列，这是一个屏幕录像：https ://streamable.com/oesai——我在单元格来覆盖数据。

我已经将自己的类添加到标题单元格和表格单元格中，表格位于带有 CSS flex 的 div 内。如果我将溢出设置为 div 本身的自动/滚动，您将看不到它在粘性单元格后面滚动，但它仍然如此，您仍然无法访问该数据。

我目前的风格（SASS）：

nowrap 部分仅用于名称列。

我一直在使用https://www.npmjs.com/package/angular5-csv将我的材料数据表导出为 CSV 格式。我使用了“，”字段分隔符，但在 excel 中，您实际上必须使用分隔符转换数据，我想知道是否可以直接使用格式化的 csv。

这是我的代码。

如果有人可以帮助我，将不胜感激。

提前致谢 ！

我想将动态数据传递给材料表。我显示我的代码：

父组件.html

在这个父组件中，它会调用一个 API 来获取 feedsOverviewData

并且这个 feedsOverviewData 将被传输到 app-feeds 组件，这个组件还有一个子组件 feeds-list 组件，

这个提要列表组件是用角度材料表实现的。

而 feed-list.ts 就是这样的：

我尝试了很多方法来将此动态数据传递给表，但它不起作用。

你有什么想法？

此致，

狮子座

下面是 HTML 源代码的屏幕截图，其中一个按钮比其中的内容占据了更多的宽度。以黄色突出显示，按钮右侧有空间。我知道它是因为多线。这是跨浏览器的预期行为，是否有任何解决方案可以根据内容使用宽度？

我在我的 Angular7 应用程序中使用了带有 firebase 的 mat-table 并成功填充了它。我想添加一个自动递增的序列号。

我的HTML代码：

分页问题

• 当我转到下一页时，索引又从一个开始。
• 如果我每页显示 5 个项目，那么在转到下一页后，它会以一个而不是 6 个开始。

我的 Web 应用程序使用 Material Data Tale ( https://code-maze.com/angular-material-table/ ) 来显示一些现有数据。它还具有各种过滤器，包括 Mat Data Table 的内置搜索过滤器。我的问题是我可以在按下“清除所有过滤器”按钮时重置所有其他自行实现的过滤器，但我找不到清除搜索过滤器并让它重置过滤数据的方法。

我还没有在其他任何地方看到过这个帖子，并且执行dataSource.filter = ""或dataSource.filter = null更新观察者之类的操作不会清除文本字段或产生任何结果。