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

how to hide specific column of grid

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

1 Reply

RU Ragavee U S Syncfusion Team 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:

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 
            . . . . . 
2.       hideColumns method of the ejGrid 

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

API Reference Link:

Online Sample Link:
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.

Ragavee U S.

Live Chat Icon For mobile
Up arrow icon