如何将嵌套的Mat-Table网格应用于Angular中的第三层？
在Angular中使用嵌套的Mat-Table网格的第三层，可以通过以下步骤实现：
- 首先，确保已经安装了Angular Material库，并在项目中导入所需的模块。可以使用以下命令安装Angular Material：
- 首先，确保已经安装了Angular Material库，并在项目中导入所需的模块。可以使用以下命令安装Angular Material：
- 在组件的HTML模板中，创建一个Mat-Table作为第一层的网格。例如：
- 在组件的HTML模板中，创建一个Mat-Table作为第一层的网格。例如：
- 在组件的TS文件中，定义数据源和列的显示方式。例如：
- 在组件的TS文件中，定义数据源和列的显示方式。例如：
- 这里的
data数组包含了第一层网格的数据，每个元素中的nestedData属性是第二层网格的数据。 - 根据实际需求，可以为第二层的Mat-Table定义自己的列和行。
- 注意：如果需要更多层级的嵌套，可以按照相同的模式继续嵌套Mat-Table。
这样，就可以在Angular中使用嵌套的Mat-Table网格的第三层。对于更高级的功能和定制化需求，可以参考Angular Material官方文档（https://material.angular.io/）和相关示例。
相关·内容
通过大量的在线研究和帮助，我已经创建了一个带有嵌套网格的Mat-Table和一个嵌套的json。到目前为止，它有两个网格。但是现在我有了一个需求，我需要一个额外的嵌套网格。我试图复制为第二级网格所做的操作来生成第三级网格，但"ExpandedElements“数组在生成第三级网格时抛出错误。commenID: 3,
浏览 6提问于2021-06-24得票数 1
回答已采纳
我在angular 5中包装了angular材质扩展面板组件。它在第一层和第二层面板上工作得很好，即嵌套面板，第二层嵌套面板内的内容使用angular生命周期钩子AfterViewInit进行渲染。但是我面临着一个第三层嵌套面板内容渲染的问题，它不会渲染第三层甚至更多层嵌套面板的内容。我试过使用AfterContentInit，但不起作用。
stackblitz链
浏览 4提问于2018-04-24得票数 0
我有一个绑定到formGroup的Angular 9 Material Form，它有两个控件。一个是席表字段，另一个是席表。我有一个数据模型，它的模式是单个字符串和一个对象数组。有了这个，我可以绑定到单个字符串，但我的表有问题。我使用formControlName和formArrayName，但它不绑定。我尝试了各种不同的方法，但找不到一种将数组数据绑定到mat-table的好方法。我确信我漏掉了什么，但还不清楚。这是一个堆栈闪电战，向你展示我的问题
浏览 20提问于2020-04-03得票数 0
1回答
我想要的东西如下图所示。我使用Angular Material (7.x)并使用Mat-Table实现，如下所述：https://material.angular.io/components/table/overview 以上场景是业务展示多张销售发票的场景。 我已经使用了Angular的Mat Table来为一行使用多行，这是可行的。但现在我还必须使第一行(类型A)在多行表中具有多
浏览 50提问于2019-06-21得票数 12
1回答
链接中提供的示例似乎是一个JavaScript one - 。
这可以与Angular集成吗？在使用ag-Grid的角度界面翘曲时，需要注意哪些事项？
浏览 1提问于2017-09-07得票数 1
我正在尝试使用输入对mat-table列中输入的值进行求和。然后，我在表中访问各个列的这些值。
我还创建了一个Value列，并为其分配了输入字段。在表的旁边，我使用了一个带有两个瓦片的简单网格，我希望
浏览 2提问于2018-02-27得票数 6
回答已采纳
所以基本上我有一个用Angular定义的接口，看起来像这样： export interface product { type: String,
value问题是我不知道如何将这个对象展平到表中，这样所有的字段都只显示为另一列。有没有办法在我的current循环中再嵌套一个循环...或者其他类似的东西。当前的表代码如下所示。<mat-table [dataSource]="data"
浏览 31提问于2020-12-18得票数 0
回答已采纳
1回答
我尝试将“局部旋转”应用到第三层网格中。假设：
mesh3D.position.copy(worldPosition);mesh3D.updateMatrixWorld(true);
唯一的解决办法是使用枢轴吗？我也想避免这一点，因为它改变了对象的子层次
浏览 3提问于2017-06-15得票数 0
回答已采纳
2回答
我已经创建了一个2级嵌套Mat-Table网格的角度，在其中，它可以展开多行在同一时间。在每一行上，从父网格中单击，它调用一个API并加载内部网格的数据。当我单击第一行时，它会按预期的方式获取数据。但是，当我单击第二行时，它将按预期的方式获取第二行的数据，但第一行的值也将与第二行的值相同。第一行的数据源值被第二行覆盖。
浏览 3提问于2021-06-28得票数 2
回答已采纳
我现在使用的是Fluid 960，而alpha/omega出现了一些奇怪的行为。我对alpha/omega的理解是，它用于修复嵌套网格中的左/右边距。然而，当我将alpha/omega应用于一对嵌套网格时，左侧网格有一个非常浅的缩进，而右侧网格有一个很大的右侧缩进(视觉观察)。有人知道是怎么回事吗？
浏览 1提问于2010-02-16得票数 1
回答已采纳
1回答
我正在创建一个可重用的mat-table组件，它接受两个输入:列、元数据和表数据。我正在构造一个主表columns definitions，其中一个'expanded‘属性设置为true的列需要是可扩展的。在可扩展列中，我需要构建一个嵌套的mat-table (如果适用)，显示来自数据对象数组对应属性(在本例中为‘nested’)的嵌套对象数组数据。将“扩展”属性设置为false的
浏览 15提问于2019-11-22得票数 0
1回答
我有一个嵌套的angular组件实现，像这样： <div></mat-card-title> <div class="example-container mat-elevation-z8&qu
浏览 14提问于2021-04-23得票数 0
回答已采纳
1回答
我将向您展示我创建的jsfiddle，以说明我正在尝试实现的目标：
<div class="row">我想做的是让125x125的图像和右边的日期框与带有"Nome categoria“的橙色框的宽度相同。我以为我做的每一
浏览 0提问于2013-03-02得票数 2
回答已采纳
4回答
嵌套CSS网格是不好的做法吗？
、、、、
我正在试验组件驱动的前端框架，如角，最后学习CSS网格。
我的问题是：nest CSS Grids的做法不好吗？这里我所做的是在我的主/根组件中，我使用css网格创建了两件事:导航条和主内容区域，因为导航条将出现在整个应用程序中，同时也显示在主要内容中。如下面所示，根级别上的网格然后是<nav-bar>组件中的另一个
浏览 2提问于2018-09-06得票数 15
回答已采纳
我不知道如何将CSS应用于嵌套元素。以下是我的示例代码，但我正在寻找一本解释所有规则的手册： <div id="main_text"></div>
如何将CSS仅应用于嵌套在该特定d
浏览 0提问于2012-02-09得票数 65
回答已采纳
1回答
Vis.js组背景造型
、、、
我在一个Vis.js项目中有一个Angular5时间线，每个项目有三个组和多个项目/事件。gray-lighter; background-color: $gray-lighter;但是，在颜色为灰色的组中，垂直背景网格线不再可见。就好像组背景颜色是分层在网格线之上的。如果将z-index: 1;添加到.vis-vertical或.vis-grid中，
浏览 0提问于2018-08-03得票数 3
回答已采纳
2回答
Rectangle Fill="Yellow" Grid.Row="1" Grid.Column="1"/>我有函数Object_ManipulationDelta，如果它被拖动，它会改变元素的位置在函数中，我使用var obj = (CompositeTransform)MyObject.RenderTransform和TranslateX (和Y)作为obj。有没有办法不写<Rectangle.RenderTransform...后<
浏览 1提问于2013-10-10得票数 0
回答已采纳
1回答
在Qt3D上，实体可以具有以下两个组件：
当我访问网格几何数据时，像下面这样，转换不应用于几何图形。mesh->geometry()->attributes().at(i)->buffer
浏览 0提问于2018-08-23得票数 2
回答已采纳
我正在尝试导出几个HtmlTextWriter格式的网格视图，它们并不是以pdf格式呈现的。网格视图是动态创建的，嵌套在一个中继器控件中。作为数据源，我使用的是datatable，尽管这些表在浏览器中显示(以及它们的数据)，但它们不会呈现在pdf文件中。
下面的代码谢谢！
浏览 2提问于2012-12-05得票数 0
参见问题演示：
我想在<div>元素中使用引导3网格系统。这个<div>元素是一个剑道数据工具栏，它是一个全页面宽度的<div>元素。我不认为解决方案是具体的剑道或要求剑道技能，所以请继续阅读。不幸的是，Kendo在这个<div>元素上应用了一些样式，这在某种程度上阻碍了引导3网格系统宽度的计算。因此，如果我试图在这个<div>元素中使用col 12单元，它总是分解为2行。
浏览 3提问于2015-06-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
