Column Chooser

 
Contact Name Contact Title Company Name City Country
Charlotte CooperPurchasing ManagerExotic LiquidsLondonUK
Shelley BurkeOrder AdministratorNew Orleans Cajun DelightsNew OrleansUSA
Regina MurphySales RepresentativeGrandma Kelly's HomesteadAnn ArborUSA
Yoshi NagaseMarketing ManagerTokyo TradersTokyoJapan
Antonio del Valle SaavedraExport AdministratorCooperativa de Quesos 'Las Cabras'OviedoSpain
Mayumi OhnoMarketing RepresentativeMayumi'sOsakaJapan
Ian DevlingMarketing ManagerPavlova, Ltd.MelbourneAustralia
Peter WilsonSales RepresentativeSpecialty Biscuits, Ltd.ManchesterUK
Lars PetersonSales AgentPB Knäckebröd ABGöteborgSweden
Carlos DiazMarketing ManagerRefrescos Americanas LTDASao PauloBrazil
Petra WinklerSales ManagerHeli Süßwaren GmbH & Co. KGBerlinGermany
Martin BeinInternational Marketing Mgr.Plutzer Lebensmittelgroßmärkte AGFrankfurtGermany
Sven PetersenCoordinator Foreign MarketsNord-Ost-Fisch Handelsgesellschaft mbHCuxhavenGermany
Elio RossiSales RepresentativeFormaggi Fortini s.r.l.RavennaItaly
Beate VileidMarketing ManagerNorske MeierierSandvikaNorway
Cheryl SaylorRegional Account Rep.Bigfoot BreweriesBendUSA
Michael BjörnSales RepresentativeSvensk Sjöföda ABStockholmSweden
Guylène NodierSales ManagerAux joyeux ecclésiastiquesParisFrance
Robb MerchantWholesale Account AgentNew England Seafood CanneryBostonUSA
Chandra LekaOwnerLeka TradingSingaporeSingapore
Data grid with 29 rows and 5 columns
0 rows are selected

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.