In certain cases, you may like to render the Grid within the specified container height and width.
You can achieve the above requirement using the create event or using an external button click event.
The create event is triggered when the grid is rendered completely. In the argument of the create event, you can obtain the following details.
In the following code example, the Grid is rendered within a container.
Here the grid header height and pager height is subtracted from the container height as, by default, the value you set to the scroller is wholly set to the grid content.
Since the container height is to be set to the Grid that contains three separate divisions like gridheader, gridcontent and pager, the above operation is performed.
The following screenshots illustrates the output.
Figure 1: Grid before setting the container width and height
Note: Here the black border denotes the container divison.
Figure 2: Grid after rendering within the container
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|