Column Resize

 
Contact Name Contact Title Company Name City Country Phone
Charlotte CooperPurchasing ManagerExotic LiquidsLondonUK(171) 555-2222
Shelley BurkeOrder AdministratorNew Orleans Cajun DelightsNew OrleansUSA(100) 555-4822
Regina MurphySales RepresentativeGrandma Kelly's HomesteadAnn ArborUSA(313) 555-5735
Yoshi NagaseMarketing ManagerTokyo TradersTokyoJapan(03) 3555-5011
Antonio del Valle SaavedraExport AdministratorCooperativa de Quesos 'Las Cabras'OviedoSpain(98) 598 76 54
Mayumi OhnoMarketing RepresentativeMayumi'sOsakaJapan(06) 431-7877
Ian DevlingMarketing ManagerPavlova, Ltd.MelbourneAustralia(03) 444-2343
Peter WilsonSales RepresentativeSpecialty Biscuits, Ltd.ManchesterUK(161) 555-4448
Lars PetersonSales AgentPB Knäckebröd ABGöteborgSweden031-987 65 43
Carlos DiazMarketing ManagerRefrescos Americanas LTDASao PauloBrazil(11) 555 4640
Petra WinklerSales ManagerHeli Süßwaren GmbH & Co. KGBerlinGermany(010) 9984510
Martin BeinInternational Marketing Mgr.Plutzer Lebensmittelgroßmärkte AGFrankfurtGermany(069) 992755
Sven PetersenCoordinator Foreign MarketsNord-Ost-Fisch Handelsgesellschaft mbHCuxhavenGermany(04721) 8713
Elio RossiSales RepresentativeFormaggi Fortini s.r.l.RavennaItaly(0544) 60323
Beate VileidMarketing ManagerNorske MeierierSandvikaNorway(0)2-953010
Cheryl SaylorRegional Account Rep.Bigfoot BreweriesBendUSA(503) 555-9931
Michael BjörnSales RepresentativeSvensk Sjöföda ABStockholmSweden08-123 45 67
Guylène NodierSales ManagerAux joyeux ecclésiastiquesParisFrance(1) 03.83.00.68
Robb MerchantWholesale Account AgentNew England Seafood CanneryBostonUSA(617) 555-3267
Chandra LekaOwnerLeka TradingSingaporeSingapore555-8787
Niels PetersenSales ManagerLyngbysildLyngbyDenmark43844108
Dirk LuchteAccounting ManagerZaanse SnoepfabriekZaandamNetherlands(12345) 1212
Anne HeikkonenProduct ManagerKarkki OyLappeenrantaFinland(953) 10956
Wendy MackenzieSales RepresentativeG'day, MateSydneyAustralia(02) 555-5914
Jean-Guy LauzonMarketing ManagerMa MaisonMontréalCanada(514) 555-9022
Giovanni GiudiciOrder AdministratorPasta Buttini s.r.l.SalernoItaly(089) 6547665
Marie DelamareSales ManagerEscargots NouveauxMontceauFrance85.57.00.07
Eliane NozSales RepresentativeGai pâturageAnnecyFrance38.76.98.06
Chantal GouletAccounting ManagerForêts d'érablesSte-HyacintheCanada(514) 555-2955
Data grid with 29 rows and 6 columns
0 rows are selected

The DevExpress Blazor Grid allows users to resize columns. When a user position the mouse pointer over the right edge of a column, the cursor becomes a double-sided arrow. The grid controls indicate that the user can drag the column edge and change the column width. Users can also double-click a column's right border to apply the optimal width (best fit).

To specify whether and how users can resize Grid columns, set the ColumnResizeMode property to one of the following values:

  • Disabled — A user cannot resize columns.
  • NextColumn — When a user resizes a column, the width of the column to the right changes, but the Grid's total width does not change.
  • ColumnsContainer — When a user resizes a column, all other columns retain width settings, but the width of the entire column container changes proportionally.

Use the Column Resize Mode combobox to switch between different modes.