Column Chooser

 
Contact Name Contact Title Company Name City Country
Charlotte Cooper Purchasing Manager Exotic Liquids London UK
Shelley Burke Order Administrator New Orleans Cajun Delights New Orleans USA
Regina Murphy Sales Representative Grandma Kelly's Homestead Ann Arbor USA
Yoshi Nagase Marketing Manager Tokyo Traders Tokyo Japan
Antonio del Valle Saavedra Export Administrator Cooperativa de Quesos 'Las Cabras' Oviedo Spain
Mayumi Ohno Marketing Representative Mayumi's Osaka Japan
Ian Devling Marketing Manager Pavlova, Ltd. Melbourne Australia
Peter Wilson Sales Representative Specialty Biscuits, Ltd. Manchester UK
Lars Peterson Sales Agent PB Knäckebröd AB Göteborg Sweden
Carlos Diaz Marketing Manager Refrescos Americanas LTDA Sao Paulo Brazil
Petra Winkler Sales Manager Heli Süßwaren GmbH & Co. KG Berlin Germany
Martin Bein International Marketing Mgr. Plutzer Lebensmittelgroßmärkte AG Frankfurt Germany
Sven Petersen Coordinator Foreign Markets Nord-Ost-Fisch Handelsgesellschaft mbH Cuxhaven Germany
Elio Rossi Sales Representative Formaggi Fortini s.r.l. Ravenna Italy
Beate Vileid Marketing Manager Norske Meierier Sandvika Norway
Cheryl Saylor Regional Account Rep. Bigfoot Breweries Bend USA
Michael Björn Sales Representative Svensk Sjöföda AB Stockholm Sweden
Guylène Nodier Sales Manager Aux joyeux ecclésiastiques Paris France
Robb Merchant Wholesale Account Agent New England Seafood Cannery Boston USA
Chandra Leka Owner Leka Trading Singapore Singapore
Data grid with 29 rows and 5 columns

The DevExpress Blazor Grid allows users to customize its column list via its integrated column chooser. The column chooser lists data, command, and selection columns. User can:

  • Display or hide columns: To display or hide a column, users must enable/disable corresponding checkboxes within the column chooser. This action modifies a column's Visible property value.
  • Reorder columns: To change column position, users can drag/drop and reposition the column within the column chooser. This action modifies a column's VisibleIndex property value.

To display the column chooser, use the ShowColumnChooser method. In this demo, a DxButton is used to invoke the column chooser.