Fixed the issue mentioned in this comment: apache#2244 (comment)

kerwin612 · Aug 23, 2024 · a21983f · a21983f
1 parent ba85b94
commit a21983f
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/web-app/src/app/routes/monitor/monitor-data-table/monitor-data-table.component.html b/web-app/src/app/routes/monitor/monitor-data-table/monitor-data-table.component.html
@@ -126,10 +126,13 @@
     </thead>
     <tbody>
       <tr *ngFor="let valueRow of smallTable.data">
-        <td *ngFor="let value of valueRow.values; let i = index">
-          {{ value.origin }}
-          <nz-tag *ngIf="value.origin == null" nzColor="warning">{{ 'monitors.detail.value.null' | i18n }}</nz-tag>
-          <nz-tag *ngIf="fields[i].unit" nzColor="success">{{ fields[i].unit }}</nz-tag>
+        <td *ngFor="let value of valueRow.values; let i = index" nzEllipsis nz-tooltip [nzTooltipTitle]="contentTemplate">
+          <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+          <ng-template #contentTemplate>
+            {{ value.origin }}
+            <nz-tag *ngIf="value.origin == null" nzColor="warning">{{ 'monitors.detail.value.null' | i18n }}</nz-tag>
+            <nz-tag *ngIf="fields[i].unit" nzColor="success">{{ fields[i].unit }}</nz-tag>
+          </ng-template>
         </td>
       </tr>
     </tbody>