在angular项目中使用nz-zorro框架的嵌套表格,里面的表如何做选择
做嵌套表格只有外面最后一条数据里面的数据才能选择
问题出现的环境背景及自己尝试过哪些
尝试了好多方法都是一样的
相关代码
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论