3

私はprimNGにテーブルを持っています:

 <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)からのものであるため、メソッド(クリック)をトリガーできません。テーブル内のこの特定の列をクリックしないようにするにはどうすればよいですか? テーブル全体ではなくボタンに追加されたメソッドを使用するたびに確認してください。

4

1 に答える 1