单击复选框以选择一行以隐藏该行的内容

Question

我已经在对话框中实现了 PrimeNg 数据表。

HTML

<p-dataTable #modt [value]="employeesList" [(selection)]="selectedEmp" dataKey="id"
 scrollable="true" scrollHeight="300px" (onRowSelect)="onRowSelected($event)">
    <p-column [style]="{'width':'40px'}" selectionMode="multiple" dataKey="id">
    </p-column>
    <p-column field="fname" header="First Name" [style]="{'width':'20%'}"></p-column>
    <p-column field="lname" header="Last Name" [style]="{'width':'75%'}"></p-column>
</p-dataTable>

每次选择一行时，该行的内容都会消失。当我取消选择该行时，它再次出现（参见图片）。

onRowSelected(evt: any){
  debugger;    
  console.log("Content of the selected row...", evt.data);
}

我正在正确选择所选行的内容。

感谢您的帮助