GridColumnMenuCheckboxFilter, how to show different label for checkbox

[Rachana]

I have a price column, in Grid am using format="{0:c}" for displaying currency format. I need same format to be displayed for that particular column's GridColumnMenuCheckboxFilter also. If i update the data object, filter is not working as numeric. Need an urgent fix for this issue ?

Am using below code for wrapper: 

 <GridColumnMenuWrapper

          {...props.columnMenuWrapperProps}

          data={alldata}

          expanded={true}

          searchBox={() => null}

        ></GridColumnMenuWrapper>

[Konstantin Dikov]

Hello Rachana,

The GridColumnMenuCheckboxFilter will work with the underlying dataItem values and not with the applied format for the column cells. However, you can modify the data passed to the GridColumnMenuCheckboxFilter, its "filter" property to modify the filter expression and also handle the onFilterChange to also modify the filter values.

Following is an example demonstrating such implementation for the UnitPrice column:

• https://stackblitz.com/edit/react-sjotkk-shpft5?file=app%2Fmain.jsx,app%2FcolumnMenu.jsx

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik