角物料表，每条记录多行

Question

我想使用Angular Material表来显示数据库表中的记录。

问题是每条记录上都有很多字段，我的要求是将每条记录显示在3个不同的表行上，如下所示：

       <table>
            <tr>
            <td class="tableHeader">Order<br/>Number</td>
            <td class="tableHeader"> Order<br/>Date</td> 
            <td class="tableHeader"> Line<br/>Number</td> 
            <td class="tableHeader"> Event<br/>Timestamp</td> 
            <td class="tableHeader"> Event<br/>Reason</td> 
            <td class="tableHeader"> Segment</td> 
            <td class="tableHeader"> Carrier Code</td> 
            <td class="tableHeader"> Origin</td> 
            <td class="tableHeader"> Destination<br/>Type</td> 
            <td class="tableHeader"> Destination<br/>Value</td> 
            <td class="tableHeader"> Ship<br/>Complete</td> 
            <td class="tableHeader"> Associated<br/>Order</td> 
            <td class="tableHeader"> Associated<br/>Order line</td> 
        </tr>
        <tr>        
            <td class="tableHeader"> Iteration<br/>Count</td>
            <td class="tableHeader"> MDS Seq</td> 
            <td class="tableHeader"> Movement<br/> Days</td> 
            <td class="tableHeader"> Pricing<br/> Hours</td> 
            <td class="tableHeader"> Ats MDS</td> 
            <td class="tableHeader"> Ats Processing<br/> Hours</td> 
            <td class="tableHeader"> Ats Transit<br/> Hours</td> 
        </tr>
        <tr>
        <td>    
            <td class="tableHeader"> (Final)<br/> Ship Date</td> 
            <td class="tableHeader"> (Final)<br/> Delivery Date</td> 
            <td class="tableHeader"> Start<br/> Date</td> 
            <td class="tableHeader"> Repromise<br/> Date</td> 
        </tr> 
        <tr>   
            <td class="tableHeader"> Orig<br/> delv Date</td> 
            <td class="tableHeader"> Orig<br/> ship Date</td> 
            <td class="tableHeader"> Nb Date</td> 
            <td class="tableHeader">Cust<br/> Spec</td> 
            <td class="tableHeader"> Consolidation</td> 
            <td class="tableHeader"> Holiday</td> 
            <td class="tableHeader"> No Ship</td> 
            <td class="tableHeader"> Max<br/> Iteration</td> 
            <td class="tableHeader"> Orde<br/>Cut Off</td> 
            <td class="tableHeader"> Rele<br/> Cut Off</td> 
            <td class="tableHeader"> Credit<br/>Code</td>
        </tr> 
       </table>

每个记录有3个html表行。

我找不到包含多行材料表的示例。

我可以轻松地在没有棱角材料表的情况下执行此操作，但是我想从使用mat-paginator和像in this example这样的排序中受益，如果使用mat-table，则更容易

有什么想法吗？