Fix the query result is not displayed in the column data under certain circumstances

Author: qianmoQ

src/renderer/components/table/basic/basic.table.component.html

@@ -2,13 +2,14 @@
   <button nz-button nzType="primary" (click)="handlerDialog(true)" style="margin-top: -22px; float: right;">
     <i class="fa fa-external-link-square"></i>&nbsp;{{'common.export'|translate}}
   </button>
-  <!--  <nz-dropdown-menu #export="nzDropdownMenu">-->
-  <!--    <ul nz-menu>-->
-  <!--      <li nz-menu-item >{{'common.csv'|translate}}</li>-->
-  <!--    </ul>-->
-  <!--  </nz-dropdown-menu>-->
-  <ngx-table [id]="id" [data]="value.columns"
-             [configuration]="configuration" [columns]="headers">
+  <ngx-table [id]="id" [data]="value.columns" [configuration]="configuration" [columns]="headers">
+    <ng-template let-row let-index="index">
+      <td *ngFor="let header of headers" style="max-width: 300px;"
+          ellipsis [ellipsis-content]="row[header.key]"
+          (ellipsis-click-more)="handlerShowMoreEllipsis(row[header.key])">
+        {{row[header.key]}}
+      </td>
+    </ng-template>
   </ngx-table>
 </div>
 <ng-template #notHasValues>

src/renderer/components/table/basic/basic.table.component.ts

@@ -5,6 +5,8 @@ import { ExportToCsv } from 'export-to-csv';
 import { Md5 } from 'ts-md5';
 import { TableExportModel } from "@renderer/components/table/basic/table.export.model";
 import { StringUtils } from "@renderer/utils/string.utils";
+import { TranslateService } from "@ngx-translate/core";
+import { NzModalService } from "ng-zorro-antd/modal";
 
 @Component({
   selector: 'app-component-basic-table',
@@ -18,7 +20,8 @@ export class BasicTableComponent extends BaseComponent implements AfterViewInit
   public id: string;
   exportInfo: TableExportModel;
 
-  constructor() {
+  constructor(private translateService: TranslateService,
+              private modalService: NzModalService) {
     super();
     this.configuration = {...DefaultConfig};
     this.configuration.horizontalScroll = true;
@@ -68,4 +71,14 @@ export class BasicTableComponent extends BaseComponent implements AfterViewInit
     const csvExporter = new ExportToCsv(options);
     csvExporter.generateCsv(this.value.columns);
   }
+
+  handlerShowMoreEllipsis(value: any): void {
+    this.modalService.info({
+      nzWidth: '80%',
+      nzKeyboard: false,
+      nzMaskClosable: false,
+      nzOkText: this.translateService.instant('common.ok'),
+      nzContent: value.toString()
+    });
+  }
 }