ngx-datatable隐藏的Colum ANGULAR8

时间:2019-11-26 13:18:37

标签: angular

我有一个带有ngx-datatable的表,但是我想将created_at列隐藏起来,以便与过滤器一起使用,而没有其他..有人知道如何隐藏此列吗? 下面是代码。

import { Component, OnInit } from '@angular/core';
import { companyDB } from '../../../shared/data/tables/company';

@Component({
  selector: 'app-professores',
  templateUrl: './professores.component.html',
  styleUrls: ['./professores.component.scss']
})
export class ProfessoresComponent implements OnInit {

    public company = [];
    public right_side_bar: boolean;
    public columns = [
        {name:'Codigo Registro'},
        {name:'Nome completo'},
        {name:'Cidade Estado'},
        {name:'Macroareas'},
        {name:'Qtd. cursos'},
        {name:'Data fim ultimo curso'},
        {name:'Qtd. cursos cancelados'},
        {name:'Avaliacao media'},
        {name:'Hora aula'},
        {prop: 'created_at', name: 'Data de cadastro'} // that is the column
    ]

我的component.html

    <div class="card-body custom-datatable material expandable">
                    <ngx-datatable class="bootstrap" [rows]="company"
                        [columns]="columns" [columnMode]="'force'"
                        [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'" [limit]="10">
                    </ngx-datatable>
                </div>

enter image description here

有人知道哪个属性可以用来执行此操作。感激

2 个答案:

答案 0 :(得分:1)

在研究Github问题后,我认为没有属性可以隐藏该列。使用CSS隐藏每行的最后一列:

::ng-deep tr td:last-child {
  display: none:
}

并对th执行相同操作。

答案 1 :(得分:1)

另一种方法是在ngOnInit()函数上使用.filter,如下所示:

this.columns = this.columns.filter(x => x.prop !== 'created_at');