前端-angular佐罗表格的使用和效果展示

最新推荐文章于 2024-08-12 09:02:03 发布

只怪星光太耀眼

最新推荐文章于 2024-08-12 09:02:03 发布

阅读量3.1k

点赞数 1

分类专栏：前端文章标签： angular zorro table loading 分页

本文链接：https://blog.csdn.net/yjt13/article/details/85404927

版权

前言
小编最近在做项目的时候用的佐罗的控件来进行数据显示，佐罗的 Ant Design 的 Angular 实现地址在这里：https://ng.ant.design/docs/introduce/zh 很多样式和模板可以供我们参考和应用。下面是小编进行的一个table表格的使用，仅供参考
html部分代码：

<div nz-col [nzSpan]="19">
      <nz-card style="width: 100%;">
        <div nz-row>
          <div nz-col [nzXs]="{ span: 8 }" [nzLg]="{ span: 24}">
            <nz-table #nzTable [nzData]="dataSet" (nzCurrentPageDataChange)="currentPageDataChange($event)" (nzPageIndexChange)="refreshStatus()"
              (nzPageSizeChange)="refreshStatus()" [nzLoading]="loadingValue"  [nzFooter]="'共'+total+'项记录'">
              <thead nzSingleSort>
                <tr>
                  <th [ngStyle]="table_tr_E">课程名称</th>
                  <th [ngStyle]="table_tr_E">课程代码</th>
                  <th [ngStyle]="table_tr_E">课程类型</th>
                  <th [ngStyle]="table_tr_E">课程类别</th>
                  <th [ngStyle]="table_tr_E">课程分数</th>
                </tr>