在angular项目中使用nz-zorro框架的嵌套表格,里面的表如何做选择

发布于 2022-09-11 18:23:46 字数 1895 浏览 18 评论 0

做嵌套表格只有外面最后一条数据里面的数据才能选择

问题出现的环境背景及自己尝试过哪些

尝试了好多方法都是一样的

相关代码

<simple-table #st [data]="data" [columns]="columns" (checkboxChange)="checkboxChange($event)">

<ng-template #expand let-item>

  <nz-table [nzData]="item.items" nzSize="middle" (nzCurrentPageDataChange)="currentPageDataChange($event)"
    [nzShowPagination]="false">
    <thead>
      <tr>
        <th nzShowCheckbox [(nzChecked)]="allChecked" [nzIndeterminate]="indeterminate"
          (nzCheckedChange)="checkAll($event)"></th>
        <th>单价</th>
        <th>入库数量</th>
        <th>入库金额</th>
        <th>库存数量</th>
        <th>库存金额</th>
        <th>出库数量</th>
        <th>出库金额</th>
        <th>利润</th>
        <th>入库时间</th>
        <th>最后出库时间</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let i of item.items"
        [ngStyle]="{'color':test2(i.outPutTime,i.priceTime)<=test1() ? 'red':'black'}">
        <td nzShowCheckbox [(nzChecked)]="i.checked" (nzCheckedChange)="refreshStatus(i.Id)"></td>
        <td>{{i.price}}</td>
        <td>{{i.inputCount}}</td>
        <td>{{i.inputPrice}}</td>
        <td>{{i.count}}</td>
        <td>{{i.totalPrice}}</td>
        <td>{{i.outCount}}</td>
        <td>{{i.outputPrice}}</td>
        <td>{{i.gain}}</td>
        <td>{{i.priceTime| date: "yyyy-MM-dd"}}</td>
        <td>{{i.outPutTime| date: "yyyy-MM-dd"}}</td>
      </tr>
    </tbody>
  </nz-table>
</ng-template>

</simple-table>

嵌套表格里面的数据添加 nzShowCheckbox [(nzChecked)]="allChecked"能正常使用

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文