Table

在本教程中，我们将演示具有“全部展开”和“全部折叠”按钮的“角度”材质表，其中每一行可以分别展开和折叠。我们将使用Angular项目中的材质库来使用其MatTableModule API来构建数据表。

此Angular柱与Angular4兼容，直到最新版本，Angular-7、Angula尔·8、Angullar 9、Angula 10、Anguular 11、Angurar 12和Angulal 13

具有可扩展行的Material Datatable有助于以请求和查看方式表示数据。表格的每一行都显示一些重要的列详细信息，用户可以单击这些列详细信息以展开该行并显示更多详细信息。

使用Material Datatable，我们可以轻松地更改行和列结构，其中可以融合替换行，这将用于显示展开的视图数据。我们将了解如何添加动画效果以启用行的展开和折叠。

Material Datatables可以在HTML模板中以两种可能的方式实现：1）原生HTML表元素，包括table、tr、td或2）使用Display Flex，借助交替的Mat指令，包括Mat table、Mat row、Mat cell。我们将使用这两种方式演示展开折叠。