Angular 从p-table的TS文件内部向2和3供电

我有一个叫做cols的p表：

TS文件：

public cols: any[];
    
   public ngOnInit(): void {
    this.cols = [
      { field: 'length', header: 'Length (m)' },
      { field: 'width', header: 'Width (m)' },
      { field: 'height', header: 'Height (m)' },
      { field: 'area', header: 'Area (m2)' },
      { field: 'volume', header: 'Volume (m3)' },
    ];
  }

<p-table [value]="cols">
    <ng-template pTemplate="header">
        <tr>
            <th *ngFor="let col of cols">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-col>
        <tr>
            <td *ngFor="let col of cols">
                {{col[col.field]}}
            </td>
        </tr>
    </ng-template>
</p-table>

HTML文件：

public cols: any[];
    
   public ngOnInit(): void {
    this.cols = [
      { field: 'length', header: 'Length (m)' },
      { field: 'width', header: 'Width (m)' },
      { field: 'height', header: 'Height (m)' },
      { field: 'area', header: 'Area (m2)' },
      { field: 'volume', header: 'Volume (m3)' },
    ];
  }

<p-table [value]="cols">
    <ng-template pTemplate="header">
        <tr>
            <th *ngFor="let col of cols">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-col>
        <tr>
            <td *ngFor="let col of cols">
                {{col[col.field]}}
            </td>
        </tr>
    </ng-template>
</p-table>

{{col.header}}
{{col[col.field]}

面积和体积分别以平方米和立方米为单位。我应该如何修改面积（m2）和体积（m3），以便它们以正确的格式显示幂2和幂3的m

我已经尝试了标签，但没有帮助：

 this.cols = [
      ....
      { field: 'area', header: 'Area (m<sup>2</sup>)' },
      { field: 'volume', header: 'Volume (m<sup>3</sup>)' },
    ];   

this.cols=[
....
{字段：'area'，标题：'area（m2）'}，
{字段：'volume'，标题：'volume（m3）}，
];   

编辑： 请注意，我的问题不是如何填充结果（数字），而是如何正确显示标题。 要明确我所说的正确和不正确格式的含义，请参见以下内容：

现在，标题中的指数显示格式不正确。

请尝试：

ts

this.cols=[
....
{字段：'area'，标题：'area（m2）'}，
{字段：'volume'，标题：'volume（m3）}，
];

html

同：

---

这是否回答了您的问题@KaustubhBadrike没有。这与我的问题无关。你以前建议过这个链接，但正如我所说的，它没有回答我的问题。我的问题不是如何显示数字（结果），而是如何以正确的格式显示“标题”。请参阅问题的更新版本。该链接确实回答了您的问题，因为概念保持不变。不要期待一个完整的实现，首先尝试理解现有的答案，然后将这个概念应用到您的特定用例中。