Column Chooser displayed columns

[Ananya Juhi]

Hello,

I am trying to implement the column chooser functionality in my application. I have column(Manage Records) which consists of the edit and delete icons. 

In the column chooser dialog, I am getting all the column present in my grid. But I don't want to display the " Manage Records " column in the Column Chooser dialog box .

Please refer the below code to understand my query and please provide some solutions to it.

          <ej-grid #grid [dataSource]='clientData' [allowSorting]='true' [selectionSettings]='selectOptions'                                                                                                          (recordDoubleClick)="onRowDblClick($event)"

                        showColumnChooser = 'true' (dataBound)="dataBound()">

                   <e-columns>

                          <e-column field='clientName' headerText='NAME' width='20%' textAlign="left"></e-column>

                          <e-column field='companies.name' headerText='COMPANY' width='20%' textAlign="left"></e-column>

                          <e-column field='station' headerText="STATION" width='10%' textAlign="left"></e-column>

                          <e-column field='formats.length' headerText='FORMAT' width='10%' textAlign="right"></e-column>

                          <e-column headerText='Manage Records'[commands]='commands' textAlign="left" width='5%' ></e-column>

                          <e-column field='markets.length' headerText='MARKET' width='10%' textAlign="right" [visible]="false"></e-column>

                   </e-columns>

            </ej-grid>

I don't want to display the highlighted column (Manage Records) in the column chooser dialog but the column and its contents should still be visible in my Grid.

Can you please find me a way to achieve it ?

[Pavithra Subramaniyam]

Hi Ananya, 

You can hide particular column in columnChooser by setting “showInColumnChooser” property as false in e-column. Please refer to the code example, documentation link and sample link. 

[template] 

<ej-grid [dataSource]='data' allowPaging='true' showColumnChooser='true' [toolbar]="toolbar" [editSettings]='editSettings' [pageSettings]='pageSettings'> 

        <e-columns> 

           .     .     . 

           .     .     . 

            <e-column headerText='Manage Records' width='160' [showInColumnChooser]='false' [commands]='commands'></e-column> 

        </e-columns> 

    </ej-grid> 

Documentation : 1. http://ej2.syncfusion.com/15.4.23/angular/documentation/grid/columns.html#column-chooser 

                               2. http://ej2.syncfusion.com/15.4.23/angular/documentation/grid/api-columnDirective.html#showincolumnchooser  

                                

Sample                : http://plnkr.co/edit/1Lil9z56YO2RtBTeZdww?p=preview  

Regards, 

Pavithra S