Filter table with null value

[OneMG]

What is the best way to filter the values of an object if that object does not always exist. For example, using the showcase, https://primefaces.org/primevue/showcas ... ble/filter and filtering on the following column:

Code: Select all

<Column header="Country" filterField="country.name" filterMatchMode="contains">
        <template #body="slotProps">
            <span class="p-column-title">Country</span>
            <img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + slotProps.data.country.code" width="30" />
            <span class="image-text">{{slotProps.data.country.name}}</span>
        </template>
        <template #filter>
            <InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/>
        </template>
    </Column>

if the value of country in the filterField is null, then filtering does not work and the following error happens

TypeError: Cannot read property 'name' of null

This error of course happens after modifying the template body to account for country being null, but it is not possible to do that with the filter since all you're able to do is specify the field name, and not give any conditions of what to do if the field is null.

Is there any way to mitigate this issue?

[OneMG]

Solved my own problem. I didn't see the custom filter mode. I was able to implement a custom filter function to handle cases where the object is null.
For example

Code: Select all

<Column header="Country" filterField="country" filterMatchMode="custom" :filterFunction="filterByCountry">
...

Within the filterByCountry function, I am able to account for the rows where country may be null.

[cagatay.civici]

Glad to hear your issue is resolved, thanks for sharing.

[colinbes]

Any suggestions on where I can find more info on using filterMatchMode="custom"?

I have data set where one of the fields is an array and I am looking to display number of elements in the array and be able to filter based on array length.