Column Resize

 
Contact Name
Contact Title
Company Name
City
Country
Phone
Charlotte Cooper Purchasing Manager Exotic Liquids London UK (171) 555-2222
Shelley Burke Order Administrator New Orleans Cajun Delights New Orleans USA (100) 555-4822
Regina Murphy Sales Representative Grandma Kelly's Homestead Ann Arbor USA (313) 555-5735
Yoshi Nagase Marketing Manager Tokyo Traders Tokyo Japan (03) 3555-5011
Antonio del Valle Saavedra Export Administrator Cooperativa de Quesos 'Las Cabras' Oviedo Spain (98) 598 76 54
Mayumi Ohno Marketing Representative Mayumi's Osaka Japan (06) 431-7877
Ian Devling Marketing Manager Pavlova, Ltd. Melbourne Australia (03) 444-2343
Peter Wilson Sales Representative Specialty Biscuits, Ltd. Manchester UK (161) 555-4448
Lars Peterson Sales Agent PB Knäckebröd AB Göteborg Sweden 031-987 65 43
Carlos Diaz Marketing Manager Refrescos Americanas LTDA Sao Paulo Brazil (11) 555 4640

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.

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.