We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Syncfusion Feedback

How to force Grid to render in Phone mode?

Platform: jQuery |
Control: ejGrid

This KB showcase the example to force the grid to render in phone mode at resolution more than 321px.


To render the Grid in phone mode at resolution more than 321px use the setPhoneModeMaxWidth method.

Step 1: Render the Grid control.







.Net core






Step 2: Set the desire higher resolution width in setPhoneModeMaxWidth method in grid load event.


Step 3: Need to set same value for max-width in “ejgrid.responsive.css” file.

Refer the below code snippets:

You can get the ejgrid.responsive.css file from the below mentioned location:

{Program file folder}\Syncfusion\Essential Studio\{Version}\JavaScript\assets-src\css\web\responsive-css\ejgrid.responsive.

Refer this css files in head tag:


Output Screenshots

           Screen of a cell phone

Description generated with very high confidence


Figure 1: Phone mode with normal resolution



A screenshot of a computer screen

Description generated with very high confidence


   Figure 2: Phone mode with higher resolution




You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile