Question

我在primeNG有桌子：

 <p-dataTable [value]="cars" selectionMode="single"  
(onRowSelect)="onRowSelect($event)">
  <p-column field="vin" header="Vin"></p-column>
  <p-column field="year" header="Year"></p-column>
  <p-column field="brand" header="Brand"></p-column>
  <p-column styleClass="grid-col-btn" [style]="{'width':'58px'}">
    <ng-template let-gateway="rowData" pTemplate="body">
     <button type="button" class="btn btn-default btn-flat" 
(click)="deleteCarsFromList(car)"><i class="fa fa-trash-o"></i>
     </button>
    </ng-template>
  </p-column>
</p-dataTable>

因为我在按钮内使用了字体真棒图标，所以单击后的操作无法正常工作。当我直接点击图标时我无法触发方法（点击），因为动作来自（onRowSelection）。如何防止在表格中单击此特定列？为了确保每次我使用添加到按钮的方法而不是整个表。

Answer 1

我可以从您的共享代码中看到一个问题，即您的<ng-template>正在使用let-gateway分配您的模板变量，但您在模板中使用了car。

I have provided a plnkr that shows it working correctly

如何防止点击行中的一列 - primeNG dataTables？

1 个答案: