angular - ngx-datatable 隐藏列 ANGULAR8

Question

我有一个带有 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
    ]

我的组件.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>

有谁知道可以使用哪个属性来执行此操作。感恩的

标签： angular

Answer 1

在查看 Github 问题后，我认为没有属性可以隐藏该列。使用 CSS 隐藏每一行的最后一列：

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

对 . 做同样的事情th。