From a21983f911b56247f0b3b4c5afb4ddbe9769749a Mon Sep 17 00:00:00 2001
From: kerwin612 <kerwin612@qq.com>
Date: Fri, 23 Aug 2024 10:05:20 +0800
Subject: [PATCH] Fixed the issue mentioned in this comment:
 https://github.com/apache/hertzbeat/issues/2244#issuecomment-2221934999

---
 .../monitor-data-table.component.html                 | 11 +++++++----
 1 file changed, 7 insertions(+), 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
index 019ef5535a2..6e375e36a67 100644
--- 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>