如何使用primeNg p数据表生成'RowSpan'

Question

我有一张看起来像这样的桌子。

+---------+-------+---------+----------+--------+--------+--------+
| Product | Color | Type    | Stats    | 2016   | 2017   | 2018   |                    
+---------+-------+---------+----------+--------+--------+--------+
| Nike    | Blue  |Sneakers | Qty sold | 150    | 167    | 251    |
|         |       |         +----------+--------+--------+--------+
|         |       |         | Price    | $17.99 | $18.99 | $21.99 |
|         |       |         +----------+--------+--------+--------+  
|         |       |         | Profit   | $600   | $750   | $1230  |   
+---------+-------+---------+----------+--------+--------+--------+     
| Converse| White |Sneakers | Qty sold | 145    | 151    | 201    |
|         |       |         +----------+--------+--------+--------+
|         |       |         | Price    | $17.99 | $18.99 | $21.99 |
|         |       |         +----------+--------+--------+--------+  
|         |       |         | Profit   | $550   | $450   | $930  |   
+---------+-------+---------+----------+--------+--------+--------+        

我正在尝试示例from this page，但是没有运气。

感谢您的帮助

Answer 1

这可能是您的起点。我正在Stackblitz中发布示例。我插值以指定使用PrimeNg的行跨度。我现在可以将html表的rowpan应用于。请根据要求对其进行编辑以简化该示例。

对于将来的问题，请访问Stackblitz以发布工作示例。