Настроить номер Тип ввода Ячейка ag-grid

Question

Ag-grid поле должно принимать только число.

Я попробовал какой-то код, и он работает, но добавлены две кнопки со стрелками.

    field: "TotalQty", headerName: "TOTAL KIT QTY",
    editable: true,

     cellRenderer: params => {
          return '<input type="number" value="TotalQty" class="my-custom-input-class" style="width : 100%">';
        }

Я попробовал этот код, и я получил ожидаемый результат, но две стрелки добавлены (вверх и вниз). Как это убрать?

Answer 1

Попробуйте вот так

<input (keypress)="onlyNumber($event)" type="text" onpaste="return false" autocomplete="off">

и в вашем файле component.ts

onlyNumber(event): boolean {
const charCode = (event.which) ? event.which : event.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
  return false;
}
return true;

}

Теперь вы можете только ввести номер, и не будет никакихстрелка вверхОхладить.