I have a data table with different columns, each one having a filter menu that works pretty well.
I mean, the correct rows are displayed depending on the column filter that is applied.
BUT, one kind of filter doesn't work at all.
Here is some code :
Code: Select all
<p-columnFilter *ngIf="col.filterStyle === 'keywords'"
type="text"
field="{{col.field}}"
matchMode="in"
display="menu"
[showMatchModes]="false"
[showOperator]="false"
[showAddButton]="false"
class="p-ml-auto">
<ng-template pTemplate="filter" let-value let-filter="filterCallback">
<p-multiSelect [ngModel]="value" [options]="tableContent" placeholder="Any" (onChange)="filter($event.value)" optionLabel="keywords">
</p-multiSelect>
</ng-template>
</p-columnFilter>
BUT, once I click on any value in the options, the table makes all rows disappear as if the keyword was not present in any row in the column "keywords".
I really don't understand why that is, and how exactly this p-multiSelect works, the documentation being quite poor about it.
I would really appreciate if someone can give me a help understanding what's going on
Thank you all !
PS : if you need other portions of code, ask me and I will link them to you too.