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 hide or show columns in the Mobile Grid control?

Platform: jQuery |
Control: ejmGrid
Tags: grid, mobile

You can hide or show the columns in the Mobile Grid control by using the allowColumnSelector property. To enable the allowColumnSelector property, set it to true. The following code demonstrates the same.


By enabling the allowColumnSelector property, you can access the list of columns that are to be hidden or shown in the Mobile Grid control. Once this property is enabled, an icon appears at the top right corner of the Mobile Grid, as shown in the following screenshot.

Figure 1: Icon at the top right corner of the Mobile Grid


When that icon is clicked, it navigates to the page that contains the list of columns where the desired columns are hidden from the Mobile Grid, as shown in the following screenshot.

Figure 2: Hidden columns

After the appropriate list is checked, click the Done button. Now, you can see the checked columns hidden from the Mobile Grid as follows.

Figure 3: Checked hidden Columns

Another way to show the hidden columns is by unchecking the items on the list. This shows or hides the columns in the Mobile Grid.

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