devextreme angular - to set a initial filter value of a DxDataGrid custom headerFilter

Question

How to set a starting headerFilter value if it contains a custom expresion like this? to set filterValues="xxx > 0" doesn't work

<dxi-column caption="" dataField="xxx" [headerFilter]="headerFilter" filterValues="xxx > 0"></dxi-column>


headerFilter: any = {
    dataSource: [ {
        text: "to do",
        value: ["xxx", "=", 0]
    }, {
        
        text: "done",
        value: [["xxx", ">", 0]]
    },]
};
  

Answer 1

You are calling the filter value the wrong way. Try the following:

<dx-data-grid ...
    [filterSyncEnabled]="true"
    [filterValue]="['xxx', '>', 0]"> 

    <dxo-header-filter 
        [visible]="true">
    </dxo-header-filter>

    <dxi-column caption="" dataField="xxx" [headerFilter]="headerFilter">
    </dxi-column>
...
</dx-data-grid>