How to not allow user from increment and decrement of number in numeric textbox on grid

[Vinod]

Hi, 

Please suggest a way to not allow user from incrementing and decrementing numeric value on number spinner on Grid filter numeric text box. 

Regards,

Vinod

[Stefan]

Hello, Vinod,

A possible approach is to use a custom filterCell, and to set the spinners prop of the NumericTextBox used for filtering to false. This will remove the un and down arrows:

https://www.telerik.com/kendo-react-ui/components/inputs/api/NumericTextBoxProps/#toc-spinners

https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-filtercell

Another option is to just disable them with CSS:

https://stackblitz.com/edit/react-j6cxyc?file=index.html

.k-link-increase {
  pointer-events: none;
}

.k-link-decrease {
  pointer-events: none;
}

Regards,
Stefan
Progress Telerik