how to hide specific column of grid

[Rakesh Advani]

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]

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.