This demo shows the resizing capabilities of Telerik RadGrid.
The product fully supports Row- and Column-resizing with an option for real-time
resizing on the client. You merely need to set the respective properties from the control's property grid or in the code-behind:
ClientSettings -> Resizing -> AllowRowResize = true
ClientSettings -> Resizing -> AllowColumnResize = true
ClientSettings -> Resizing -> EnableRealTimeResize = true
Developers can further control whether the whole grid will be resized on
column resizing, or whether the rest of the columns will be adjusted to preserve
the overall width of the grid:
ClientSettings -> Resizing -> ResizeGridOnColumnResize = true/false
You can also set whether the cell content will be
clipped on column resizing:
ClientSettings -> Resizing -> ClipCellContentOnResize = true/false
Note that since v4.6 of RadGrid, its table layout default mode is "Auto",
but ClipCellContentOnResize feature works on IE only in case of "Fixed" layout.
Since the Q3 2010
release of Telerik controls, grid columns now support the "resize to fit"
functionality. Double-clicking the resize handle or choosing 'Best Fit' from the header context menu
will have the column automatically resized to fit the widest cell content without wrapping. To
enable best fit resizing:
ClientSettings -> Resizing -> AllowResizeToFit = true/false
Moreover, the demo presents the reordering functionality of Telerik RadGrid. Two
kinds of reordering are available since v4.5.2 of RadGrid: "Swap" and "Reorder".
This is controlled by ClientSettings.ColumnsReorderMethod
To swap the position of two columns simply drag and drop the column header of
the first column over the header of second column. In case of reorder, just drag
and drop a respective column header between other two column headers.
Column reordering can be performed server-side (AllowColumnsReorder="true"
or client-side (AllowColumnsReorder="true"