Last Updated: 01 Jun 2020 15:43 by Brent
Created on: 30 May 2020 23:15
Category: Grid
Type: Feature Request
column header menu

Hi, I'm looking to reproduce visual behavior with the Blazor WASM Gird that we've already standardized on in our implementation of the KendoReact Grid component.

one of the things we're doing that i'm not seeing yet in the Blazor Grid docs is rendering a triple-dot icon in the column header that clicks down to show a custom menu... looking around, the closest thing i see so far is the Blazor Grid support for a "Toolbar" header... that would probably work as a path forward but I wanted to ask if i was missing anything else more similar? or perhaps eventual plans.

or is there any facility to custom render the column header ourselves?

i'm including a screenshot example of what we've settled on so far after several iterations


Thank you! this Blazor wasm direction you're supporting is fantastic =)

This item is a duplicate of an already existing item. You can find the original item here:
Posted on: 01 Jun 2020 15:43
Thanks Marin! I missed the header template on my first pass. That should be great for what we need to accomplish. Thank you. 
Marin Bratanov
Posted on: 01 Jun 2020 08:29

Hello Brent,

You can Follow the implementation of a column chooser in this page: https://feedback.telerik.com/blazor/1450105-column-chooser. I've added your Vote on your behalf, and you can find a sample workaround there. Once Filter Templates become available (planned for this summer), you could integrate something similar in them.

At the moment you can already render a grid header yourself so you can put things there (such as a custom column chooser): https://docs.telerik.com/blazor-ui/components/grid/templates#header-template.

I am now marking this as a duplicate as the column chooser item was here first and it is better suited for tracking this.

Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.