我有一个带有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>
有人知道哪个属性可以用来执行此操作。感激
答案 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');