I've category column (contains unique guid) in my data[].
While showing category column in grid, somehow I've managed to show respective category_name instead of category_id at clientside.

I'm using GridColumnMenuCheckboxFilter to show checkbox filter with all possible filterable values.
But all checkboxes in category filter popup shows category_id (which is default behavior), this is not readable to user.

Can I change labels of checkboxes in category filter popup from category (i.e category_id) to category_name.

 

 

const ColumnMenuCheckboxFilter = (props) => {
        return (
            <div>
                <GridColumnMenuSort {...props} />
                <GridColumnMenuCheckboxFilter {...props} data={rows} expanded={true} uniqueData={true} />
            </div>
        );
}



Above is my code to show checkbox filter in columnMenu.

Hello, Vikram,

In this case, we have to bound the GridColumn to the Category.CategoryName field and it will be shown as expected:

https://stackblitz.com/edit/react-2etlqf-k95xqk?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik