数据源需要是你想要显示的数据数组.所以你必须改变

dataSource1 = newData;

到

dataSource1 = newData.data.summary;

由于对象不同，您还需要更改模板中的列，例如:

I am having trouble displaying data in the material table when the data is coming as a nested array of objects.
I would like to display the table which is currently displayed in the stackblitz.
If I changed the existing data with my newData variable it will start breaking whole table.
Can anybody guide me How I can achieve split header function with group of nested data in the material table?
I would like to achieve something like this.
Here is my stackblitz.
https://stackblitz.com/edit/angular-bklajw-5foa62


the data source need to be an array of data you want to display. So you have to change
dataSource1 = newData;

to
dataSource1 = newData.data.summary;

You will also need to change the columns in the template since the objects are different, for example:
<td mat-cell *matCellDef="let element" class="similar-cell-width">{{ element.data[0].amount }}</td>



                        
                    
                    
                
            
        
        

            


        

            
相关文章
            


                        
                            如何在带有角的嵌套数据组的材料表中显示拆分标题
                        
                    
                    

                        
                            角度材料表不显示数据
                        
                    
                    

                        
                            如何在角材料表中连续显示表标题?
                        
                    
                    

                        
                            如何在角材料表中连续显示表标题?
                        
                    
                    

                        
                            如何在树中显示嵌套数据？
                        
                    
                    

                        
                            Vue:在表中显示嵌套数据
                        
                    
                    

                        
                            角度材料表 - 如何更新现有表的列标题?
                        
                    
                    

                        
                            角度材料日期选择器如何显示标题
                        
                    
                    

                        
                            如何在 Primefaces 数据表中表示嵌套数据?
                        
                    
                    

                        
                            如何在角度材料表中始终显示两种类型的行
                        
                    
                    

                        
                            具有ControlTemplate的HierarchicalDataTemplate和HeaderedItemsControl无法显示嵌套数据
                        
                    
                    

                        
                            Bigquery：如何保留派生表中的嵌套数据？
                        
                    
                    

                        
                            需要在材料数据表中显示嵌套的 JSON 对象
                        
                    
                    

                        
                            需要在材料数据表中显示嵌套的JSON对象
                        
                    
                    

                        
                            具有不同高度的子行(嵌套单元格)的角度材料表
                        
                    
                    

                        
                            拖放嵌套数据表
                        
                    
                    

                        
                            角度材料数据表加载缓慢
                        
                    
                    

                        
                            JSF 2.0中的嵌套数据表
                        
                    
                    

                        
                            在JSF数据表中显示嵌套数组列表的值
                        
                    
                    

                        
                            在动态材料表模板中显示嵌套对象
                        
                    
                    

                        
                            在动态材料表模板中显示嵌套对象
                        
                    
                    

                        
                            如何在角度材料表中添加自定义列?
                        
                    
                    

                        
                            如何在BigQuery中删除/更新嵌套数据
                        
                    
                    

                        
                            Primefaces / JSF嵌套数据表
                        
                    
                    

                        
                            如何将嵌套数据显示到树中?
                        
                    
            

        

            


    
    

        




        

            
前端开发最新文章
            


                        
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？
                        
                    
                    

                        
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接
                        
                    
                    

                        
                            如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？
                        
                    
                    

                        
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？
                        
                    
                    

                        
                            警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件
                        
                    
                    

                        
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？
                        
                    
                    

                        
                            此请求已被阻止;内容必须通过HTTPS提供
                        
                    
                    

                        
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）
                        
                    
                    

                        
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点
                        
                    
                    

                        
                            拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。
                        
                    
            

        

            

                热门教程
            
            


                    
                        Java教程
                    
                
                

                    
                        Apache ANT 教程
                    
                
                

                    
                        Kali Linux教程
                    
                
                

                    
                        JavaScript教程
                    
                
                

                    
                        JavaFx教程
                    
                
                

                    
                        MFC 教程
                    
                
                

                    
                        Apache HTTP客户端教程
                    
                
                

                    
                        Microsoft Visio 教程
                    
                
            

        

            

                热门工具
            
            


                    
                        Java 在线工具
                    
                
                

                    
                        C(GCC) 在线工具
                    
                
                

                    
                        PHP 在线工具
                    
                
                

                    
                        C# 在线工具
                    
                
                

                    
                        Python 在线工具
                    
                
                

                    
                        MySQL 在线工具
                    
                
                

                    
                        VB.NET 在线工具
                    
                
                

                    
                        Lua 在线工具
                    
                
                

                    
                        Oracle 在线工具
                    
                
                

                    
                        C++(GCC) 在线工具
                    
                
                

                    
                        Go 在线工具
                    
                
                

                    
                        Fortran 在线工具
                    
                
            

        
    


    

        

            登录
            关闭
        
        

            

                扫码关注1秒登录
            
            

                

            

                

            

                发送“验证码”获取
                |
                15天全站免登陆