为 ngx-datatable 添加自定义无数据显示

如何解决为 ngx-datatable 添加自定义无数据显示

如何添加自定义无数据以显示 ngx-datatable。 我不想显示 ngx-datatable 附带的无数据。

我试过的在下面

<div *ngIf="showTable">
   <ngx-datatable [rows]="rows">
    <div *ngIf="searchDatanotFound" >
          <img src="nodata.png"/>
            <span> No Contacts to display</span>
      </div> 
  <div class="clear-search-text"(click)="clearSearch(searchComponentHook)>Clear Search</div>
     <ngx-datatable-column *ngFor="let column of columns" 
     [name]="column.name">
      .....
       <ngx-datatable-column>
     
 <ngx-datatable>
 .........

像这样，我保留了一个 div 来显示未找到的数据。 searchDatanotFound 标志在没有数据时为真，有数据时为假。 但它根本没有显示。它只显示 ngx-datatable 中没有要显示的数据。

谢谢

解决方法

在 *ngIf 之前的 div 上有一个额外的结束 ">"。