Filtering problem on data table

Hello everyone,

I am facing problem on filtering. Both column-filter and table-filter does not work if I use template inside datatable as slot on that specific coloumn.

<template #category="{item}">
    <td>
        <template v-if="item.category">{{item.category.category}}</template>
        <template v-else>
            <CBadge color="danger"> Category Not found</CBadge>
        </template>
    </td>
</template>                                       

My question is:

1. Is there any wrong the way I am doing things?
2. What I am missing?

[nnnayeem]

Thank you @woothu I get it now. I was thinking table will filter the string that is generated inside td but it actually filters the data that is actually passed to the coloumn key.

[agmansi970]

React core ui CDatatable tableFilter is not working and showing No filtering results