problem description

avalonjs filter dynamic rendering does not work, how to solve

the environmental background of the problems and what methods you have tried

in the table traversal, I want to select a filter according to th. I have tried a lot of ways. At present, I use the way of returning function, but I still want to use the features of avalon

related codes

        <tr :for="(index, d) in data | orderBy(whichHeader, sort)" :if="!showError">    
            <!--  -->
            <td :if="showCheck"><input type="checkbox"
                data-duplex-changed="selectOneFun" ms-duplex-checked="d.checked" />{{d.id}}</td>
            <!--  -->
            <!--  -->
            <td :for="header in tableHeaders">{{d[header] | @tableFilters[header]}}</td>
            <!--  -->
            <!-- <td :for="header in tableHeaders">{{d[header] | trans({"M":"","F":""})}}</td> -->
        </tr>

here is the definition of tableFilters
tableFilters: {"sex": "trans ({"male", "female"})"},

what result do you expect? What is the error message actually seen?

I hope to show the gender sex, in the table as "male" if sex is M, and "female" if it is F. I find that writing like this will not enter the filter at all. I hope you can give us some advice on how to write it