Grid removing spin button to the numeric line.

[Giorgio]

Dear all,

suppose that you have a numeric textbox column.

 <e-grid-column field="Price" headerText=@Localizer["Precio"].Value editType="numericedit" width="95"></e-grid-column>

It might be desiderable to not have the spinbutton like this:

We dont want the spinbutton as maekrd but the possibility to enter directly the text without spinbutton. In nomarl ej-numerictextbox there is an option showSpinButton="false" , is a similar option available to the grid column or shall i convert all as text.

Best Regards,

Giorgio

[Pavithra Subramaniyam]

Hi Giorgio, 

 

Thanks for contacting Syncfusion support. 

 

You can customize the NumericTextBox component in the edit form by using the “edit.params” property of Grid columns. Please refer to the below code example, documentation link for more information. 

 

Using edit params you can hide the spin button by disabling the “showSpinButton” property. 

 

            <e-grid-column field="Freight" headerText="Freight" edit="@(new { @params = new Syncfusion.EJ2.Inputs.NumericTextBox() {ShowSpinButton=false}})" editType="numericedit" width="95"></e-grid-column> 

 

 

Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/numerictextbox/how-to/customize-the-step-value-and-hide-spin-buttons/ 

                              https://ej2.syncfusion.com/aspnetcore/documentation/grid/edit/?no-cache=1#cell-edit-type-and-its-params 

 

Regards, 

Pavithra S.