How to display VDL-TABLE with entity values across scenarios, relative to the first selected scenario

Here's my current solution.

<vdl-row vdl-if="=scenarios.length == 2">

  <!-- Custom table for comparing two scenarios -->

  <div class="table-wrapper">

    <table class="insight-table table-main table-condensed">

      <thead>

        <tr>

          <th>KPI</th>

          <th vdl-text="=scenario.props.name" />

          <th vdl-text="=scenarios[1].props.name">

          <th>Delta (abs)</th>

          <th>Delta (rel)</th>

        </tr>

      </thead>

      <tbody>

        <tr vdl-repeat="=k in scenario.entities.KPIs">

          <td vdl-text="=k.label" class="index" />

          <td vdl-repeat="=s,i in scenarios"

            vdl-text="=insight.Formatter.formatNumber(s.entities.SummaryKPI(k.value).value, '#,##0')"

            class="numeric" />

          <td vdl-text="=insight.Formatter.formatNumber(scenarios[1].entities.SummaryKPI(k.value).value - scenario.entities.SummaryKPI(k.value).value, '#,##0')"

            class="numeric"/>

          <td vdl-text="=insight.Formatter.formatNumber((scenarios[1].entities.SummaryKPI(k.value).value - scenario.entities.SummaryKPI(k.value).value)/scenario.entities.SummaryKPI(k.value).value, '#,##0.00%')"

            class="numeric"/>

        </tr>

      </tbody>

    </table>

  </div>

</vdl-row>

which produces this table:

KPIs Scenario1Scenario 2Delta (abs)Delta (rel)

Revenue             10                        20                   10             100%

Cost                      5                           6                     1               20%