ionic 表格

博客主要介绍了安装@swimlane/ngx-datatable的命令,还提及了app.module.ts、app.component.html、app.component.ts等文件,最后提出是否将NgxDatatableModule导入*.spec.ts的问题,围绕前端开发中模块导入操作展开。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一,

npm install @swimlane/ngx-datatable

二,

 

app.module.ts

import { NgxDatatableModule } from '@swimlane/ngx-datatable';
imports: [
  …
  NgxDatatableModule,
],

app.component.html

<div>
  <ngx-datatable
    [rows]="rows"
    [columns]="columns">
  </ngx-datatable>
</div>

app.component.ts

  rows = [
    { name: 'Austin', gender: 'Male', company: 'Swimlane' },
    { name: 'Dany', gender: 'Male', company: 'KFC' },
    { name: 'Molly', gender: 'Female', company: 'Burger King' },
  ];
  columns = [
    { prop: 'name' },
    { name: 'Gender' },
    { name: 'Company' }
  ];

将NgxDatatableModule导入* .spec.ts?

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent],
      imports: [
        NgxDatatableModule ]
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值