• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Column Resizing in ASP.NET Core Data Grid Control

This sample demonstrates the Grid column resizing feature. Click and drag at the right corner of each column header to resize the column.


The Grid columns can be resized by clicking and dragging at the right corner of columns header. To enable column, resize behavior, set allowResizing property as true. You can also prevent the resize of the particular column by setting columns->allowResizing as false in columns definition. And, by double clicking at the right corner of column header, the respective column width will get auto adjusted to its fit by autoFitColumns method.

In this demo, allowResizing feature have enabled through by setting the allowResizing property to true and Order ID column can be resized between the range of minWidth (120px) and maxWidth (300px). Also, column resizing has been disabled in the Shipped Date column.