需要根据行索引隐藏ngx-datatable行

时间:2018-04-26 10:01:38

标签: javascript angular angular5 ngx-datatable

我有一个数据表,我在其中显示分支数据,但需要隐藏索引为0的项目。

z

我尝试使用* ngIf指令但它不起作用。 我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

尝试使用span包装要显示的数据,然后使用span标记内的ngIf:

<ngx-datatable
          class="data-table table-responsive task-list-table"
          [rows]="branches"
          [loadingIndicator]="loadingIndicator"
          [columnMode]="'force'"
          [headerHeight]="50"
          [footerHeight]="50"
          [limit]="10"
          [rowHeight]="66"
          [reorderable]="reorderable">
          <ngx-datatable-column name="Branch Office Name">
            <ng-template let-rowIndex="rowIndex" let- 
            branch="row" ngx-datatable-cell-template>
              <span *ngIf="rowIndex != 0">
                {{branch['name']}}
              </span>
            </ng-template>
          </ngx-datatable-column>
          <ngx-datatable-column name="Parent Branch">
            <ng-template let-rowIndex="rowIndex" let- 
             branch="row" ngx-datatable-cell-template>
              <span *ngIf="rowIndex != 0">
                {{branch['parentOrganizationName']}}
              </span>
            </ng-template>
          </ngx-datatable-column>
  </ngx-datatable>