P表保持第一栏固定/冻结开发者社区

相关文章推荐

爽快的炒粉 · 卡方独立性检验matlab - CSDN文库· 6 月前 ·

笑点低的人字拖 · 环境物理性污染控制工程（第二版）简介，目录书 ...· 1 年前 ·

憨厚的黄瓜 · 「民航数据存储管理规定」相关问答|文档|产品 ...· 1 年前 ·

纯真的木瓜 · 【vue】时间格式化和小数转发成百分比_vu ...· 1 年前 ·

曾深爱过的八宝粥 · USBLPM - Windows ...· 1 年前 ·

腾讯云

开发者社区

文档建议反馈控制台

首页 TVP

最新优惠活动

文章/答案/技术大牛

发布

<tr>
  <ng-container *ngFor="let col of columns">
    <ng-container *ngIf="condition; else nextTh2">
      <th>{{col.label}}</th>
    </ng-container>
    <ng-template #nextTh>
      <ng-container *ngIf="condition2; else nextTh3">
        <th>{{col.label}}</th>
      </ng-container>
    </ng-template>
  </ng-container>
</tr>

<p-table [value]="customers" scrollDirection="both" [scrollable]="true" scrollHeight="400px" styleClass="mt-3">
    <ng-template pTemplate="header">
            <th style="width:200px" pFrozenColumn>Name</th>
            <th style="width:100px">Id</th>
            <th style="width:200px">Country</th>
            <th style="width:200px">Date</th>
            <th style="width:200px">Company</th>
            <th style="width:200px">Status</th>
            <th style="width:200px">Activity</th>
            <th style="width:200px">Representative</th>
            <th style="width:200px" alignFrozen="right" pFrozenColumn [frozen]="balanceFrozen">Balance</th>
    </ng-template>
    <ng-template pTemplate="body" let-customer>
            <td style="width:200px" pFrozenColumn>{{customer.name}}</td>
            <td style="width:100px">{{customer.id}}</td>
            <td style="width:200px">{{customer.country.name}}</td>
            <td style="width:200px">{{customer.date}}</td>
            <td style="width:200px">{{customer.company}}</td>
            <td style="width:200px">{{customer.status}}</td>

推荐文章

爽快的炒粉 · 卡方独立性检验matlab - CSDN文库

6 月前

笑点低的人字拖 · 环境物理性污染控制工程（第二版）简介，目录书摘 - 京东

1 年前

憨厚的黄瓜 · 「民航数据存储管理规定」相关问答|文档|产品|活动 - 七牛云

1 年前

纯真的木瓜 · 【vue】时间格式化和小数转发成百分比_vue小数转百分比显示_九九的金金子的博客-CSDN博客

1 年前

曾深爱过的八宝粥 · USBLPM - Windows drivers | Microsoft Learn

1 年前

问 P表保持第一栏固定/冻结 EN

回答 1

Stack Overflow用户