垫表具有相同列的可扩展行

Question

我有一个带有可扩展行的表，如下所示：

基本上是这样的JSON格式的表示形式：

[
    {
        "id": 17,
        "reference": "108988 (20000626)",
        "invoiced": 2017.32,
        "shipments": [
            {
                "reference": "66000316",
                "invoiced": 77.5
            }
        ],
        "containers": [
            {
                "reference": "40HC CAIU9822509",
                "invoiced": 1939.82
            }
        ]
    }

但是目前我面临一个问题，即发货和集装箱的发票值未放在发票列中。这是我要实现的示例：

对不好的绘图技能表示抱歉，但是我希望{。{1}}的值在总发票值2017.32下。我还希望对期望值（差值）做同样的事情，稍后将在JSON中为装运和集装箱添加差异值。

这是我的.html代码：

shipment.invoice

我已经尝试了好几种方法，但都无济于事，我也不知道这是scss还是html问题。