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.
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 enumeration
property.
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" and
ReorderColumnsOnClient="true").
Finally, you can see how to configure the grid to occupy the entire height/width of its
container and change its dimensions on container resize from these resources:
Settings 100% height and resize grid on container resize
Changing scroll height at runtime
Resize grid with scrolling when data is less than the scroll height