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
close icon

Hide the arrows to increase or decrease a value in a numeric edit


I'm looking for a way to hide the arrows to increase or decrease a value in a numeric edit. 

While searching in the documentation and on the forum I found information about the use of the "ShowSpinButton" option, but in MVC it does not seem to work.

Below is the excerpt of my code allowing the generation of my table.

Thanks in advance

1 Reply

RS Rajapandiyan Settu Syncfusion Team January 6, 2023 12:05 PM UTC

Hi Chaffois,

Thanks for contacting Syncfusion support.

By using the following code, you can hide the spin button of Numeric Edit component.

Edit params: https://ej2.syncfusion.com/aspnetmvc/documentation/grid/editing/edit-types#restrict-to-type-decimal-points-in-a-numerictextbox-while-editing-the-numeric-column
showSpinButton: https://ej2.syncfusion.com/javascript/documentation/api/numerictextbox#showspinbutton

    col.Field("Freight").HeaderText("Freight").Width("120").Format("C2").EditType("numericedit").Edit(new { @params = new Syncfusion.EJ2.Inputs.NumericTextBox() { ShowSpinButton = false }}).Add();

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/mvc_grid_numericEdit_showSpinButton-1382279082.zip


Rajapandiyan S

Live Chat Icon For mobile
Up arrow icon