Angular html表格中材料设计的手风琴

使用html标记构建了一个表。它在“详细信息”列中有一个按钮，单击该按钮时，产品的详细信息需要显示为手风琴。请使用材料设计帮助实现这一点

这是html表结构

 <table>
        <th>ID</th>
        <th>Title</th>
        <tr *ngFor = "let row of indexes">
        <td *ngFor = "let id of row>{{id}}</td>
        <td><button>DETAILS</button></td>
       </tr>
 </table>

身份证件
标题
看看这个答案：


{{company.company}}
{{company.showDetails？'hide'：'details'}
.. 细节。。细节。。细节。。

最小复制：
有什么消息吗？问题已解决或仍然存在？：）