New to Kendo UI for jQuery? Download free 30-day trial
Adaptive Rendering
- EXAMPLE
- VIEW SOURCE
-
EDIT
- Edit in Kendo UI Dojo
- Edit in Theme Builder
-
Change Theme
DefaultSASSLESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- adaptive-rendering.html
- Sample service
Also available for:
API REFERENCEDescription
You can enable the Adaptive Mobile Rendering for the Kendo UI Grid via a simple configuration setting. All you have to do is set its mobile attribute to true. This will make the column menu, filter menu and popup edit form slide in a new screen for the user. To force the mobile rendering, regardless of browser type, set the configuration to phone.
The column resizing feature on touch screen devices is triggered when the user holds a finger on the respective column header. When the resizing icon appears, the user can resize the column by dragging.
More information regarding Kendo UI Grid Adaptive Rendering can be found in the documentation here.