Показать и скрыть столбцы с датой ngx динамически в угловых 6 на основе выбора столбцов - PullRequest
Новая
       17

Показать и скрыть столбцы с датой ngx динамически в угловых 6 на основе выбора столбцов

0 голосов
/ 16 мая 2019

Я использую ngx-datatable для привязки данных. Я хочу показать / скрыть столбец на основе выбора в угловых 6. ниже приведен код, используемый для ngx-datatable 

<ngx-datatable #item_table class="table-striped" [rows]="rows" [loadingIndicator]="loadingIndicator"
          [columns]="columns" [columnMode]="'force'" [headerHeight]="40" [footerHeight]="40" [rowHeight]="'auto'"
          [externalPaging]="true" [count]="page.totalElements" [offset]="page.pageNumber" [limit]="page.size">

          <ngx-datatable-column prop="traceEntId" [name]='"Trace Id" | translate' [width]="columnWidth">
            <ng-template let-value="value" let-row="row" ngx-datatable-cell-template>
              <a (click)="showItemSummaryModal(value);" [hidden]="showExtId">
                <strong>{{value}}</strong>
              </a>
              <a (click)="showItemSummaryModal(value);" [hidden]="!showExtId">
                <strong>{{row.traceEntExtId}}</strong>
              </a>
            </ng-template>
          </ngx-datatable-column>

          <ngx-datatable-column prop="itemType" [name]='"Item Type"| translate'>
            <ng-template let-value="value" ngx-datatable-cell-template>
              {{value}}
            </ng-template>
          </ngx-datatable-column>
          <ngx-datatable-column prop="itemId" [name]='"Item ID" | translate'>
            <ng-template let-value="value" ngx-datatable-cell-template>
              {{value}}
            </ng-template>
          </ngx-datatable-column>
          <ngx-datatable-column prop="itemName" [name]='"Item Name"| translate'>
            <ng-template let-value="value" ngx-datatable-cell-template>
              {{value}}
            </ng-template>
          </ngx-datatable-column>
        

        </ngx-datatable>
...