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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to show or hide columns dynamically?

Platform: JavaScript |
Control: ejGrid |
Published Date: March 9, 2015 |
Last Revised Date: August 4, 2015 |
.NET Framework: 4.5 |
Product Version: 12.1.0.43
Tags: columns, ejgrid, grid

In the button click event, you can show/hide the columns dynamically by using the showColumns/hideColumns methods of the Grid, respectively.

The following is the argument of the show/hide columns method.

 

Name

Description

ColumnName

ColumnName should be the field or the headerText of the column.

Example:

In the following code examples, the CustomerID column is shown or hidden in the Grid.

JS

 

MVC

 

ASP.NET

 

 

The following screenshot displays the Hide and Show Customer ID columns:

ADD COMMENT
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.

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