Hide the Search box in the column chooser dialog

[Radar]

Hi,

In sfGrid i'm using the Column Chooser. Is there a way to hide the search box in the column chooser dialog ?

[Guhanathan Ramanathan]

Hi Radar ,

Based on your query, we understand that you would like to hide the search box in the Grid’s Column Chooser popup. We have achieved this requirement by applying CSS to hide the search input. Please refer to the code snippet, sample, and screenshot below for more details.

<SfGrid DataSource="@Orders" ShowColumnChooser="true" Toolbar=@ToolbarItems>

    <GridColumns>

        <GridColumn Field=@nameof(OrderData.OrderID) HeaderText="Order ID" TextAlign="TextAlign.Right" Width="120"></GridColumn>

       

        <GridColumn Field=@nameof(OrderData.ShipCity) HeaderText="Ship City" Visible="false" Width="120"></GridColumn>

    </GridColumns>

</SfGrid>

 

<style>

 

    .e-cc-searchdiv.e-cc.e-input-group {

        display:none

    }

</style>

Sample: https://blazorplayground.syncfusion.com/embed/BjBHNrXVKSSVldDL?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Screenshot:

Regards,
Guhanathan R  

[Radar]

Great, that fixed it.

Thanks,

Best Regards.

Raivo

[Naveen Palanivel]

Welcome! We are glad to hear that the reported problem has been solved.

Please get back to us if you need any further assistance. We will be happy to assist you.