Column chooser when add new record

[Alessandro Puricelli]

When same column is not selected in column chooser, it disappear in add new record.

How can i show all column in "add new record" feature?

Thank you

[Pon Selva Jeganathan]

Hi Alessandro,

Before we proceed with your query, could you kindly provide us with the following details to help us deliver the most accurate solution as soon as possible:

1. Can you confirm if you are using the EJ1 Grid or EJ2 Grid? This information is crucial for us to proceed with your query.
2. How do you add a new row? Are you using the toolbar to insert a row or the addRecord method?
3. Code example details
4. A video demo or screenshot of your requirement would greatly help us understand your scenario better

Your prompt response will allow us to address your query efficiently.

Regards,
Pon Selva

[Alessandro Puricelli]

Hi Pon,

1. ej2 grid
2. toolbar
3. it's not simple, but if you need i'll try to make an example
4. there are two pictures, the first i selected just one column, the second i selected 3 column and so on... 

[Sivaranjani Rajasekaran]

Hi Alessandro Puricelli,

Thank you for your inquiry. 

Based on your inquiry, we understand that you want to choose some columns in the column menu, and when you try to add a new column, all the columns should be visible. 

By default, both normal and dialog editing in the Grid reflect only the columns currently displayed in the UI. To fulfill your requirement, we recommend utilizing the template editing feature of the Grid component. This feature allows you to define the structure and content of the cells using templates. As a result, when you select columns through the column chooser (for example, selecting 4 out of 10 columns), the dialog for adding new records will include all columns, rather than just the ones selected.

Please refer to the code and sample below for more information.

Code Example : 

App.Js

   const editSettings = { 

        allowEditing: true, 

        allowAdding: true, 

        allowDeleting: true, 

        mode: 'Dialog', 

        template: dialogTemplate };

function dialogTemplate(props) {

        return (<DialogFormTemplate {...props}/>);

    }

function DialogFormTemplate(props) {

  //you can define your dialog here

}

Screenshot : 

Sample : https://stackblitz.com/edit/react-5tymoh?file=index.js

Documentation Link : 

1. Template Editing : https://ej2.syncfusion.com/react/documentation/grid/editing/template-editing

If this does not address your case, please share the exact requirements and provide a video demo along with the complete grid rendering code. Once we have this information, we can provide the appropriate solution.

Please get back to us if you need further assistance.

Regards,

Sivaranjani R.