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 hide specific column of grid

Thread ID:

Created:

Updated:

Platform:

Replies:

120776 Oct 14,2015 10:52 AM UTC Oct 14,2015 12:05 PM UTC JavaScript 1
loading
Tags: ejGrid
Rakesh Advani
Asked On October 14, 2015 10:52 AM UTC

Technology must be angular js and mvc

I want to hide specific column of grid please suggest me the way 
for hide the specific column.

If possible pleasure reply today I waiting for answer

Ragavee U S [Syncfusion]
Replied On October 14, 2015 12:05 PM UTC

Hi Rakesh,

We can hide a specific column of the grid by using either of the below options

 
1.       visible property of the ejGrid columns. 

Please refer to the api reference documentation for more information.

API Reference Link:
 http://help.syncfusion.com/js/api/ejgrid#members:columns-visible

Please refer to the following code example.
 
<div id="Grid" ej-grid e-datasource="data">         
        <div e-columns> 
            <div e-column e-field="EmployeeID" e-headertext="Employee ID" e-textalign="right" e-visible=false></div> //column hidden while rendering the grid initially 
            . . . . . 
        </div> 
 
        </div>
    </div> 
 
2.       hideColumns method of the ejGrid 

Please refer to the api reference documentation for more information on hideColumns method.

API Reference Link:
 http://help.syncfusion.com/js/api/ejgrid#methods:hidecolumns

Online Sample Link:
 http://js.syncfusion.com/demos/web/#!/azure/grid/columns/showorhidecolumn 
 
3.       ColumnChooser feature of the ejGrid

Please refer to the following links for more information on columnChooser feature.

API Reference Link: http://help.syncfusion.com/js/api/ejgrid#members:showcolumnchooser

Online Sample link: http://js.syncfusion.com/demos/web/#!/azure/grid/columns/columnchooser

Online documentation: http://help.syncfusion.com/js/grid/columns#column-chooser

Note: The above online samples corresponds to Javascript platform. If you want sample in angular js, please get back.

Regards,
Ragavee U S.
 

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to 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

;