我的 ag-grid 中确实有输入列,应该只接受数字类型值。
ngOnInit(): void {
this.columnDefs = [
{
headerName: 'Header', field: 'quantity',
cellRendererParams: params => {
return {
inputType: 'number'
};
}
}
];
使用上述方法时,行为符合预期,但在单元格中添加了 2 个箭头按钮(向上和向下),可以将当前值增加或减少 1。
我不知道如何删除这些按钮,因为找不到这些按钮的参考。
还有其他方法吗? 或者,如何删除这些按钮?
通过 CSS 你可以试试
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
但仍在工作鼠标滚轮以递增/递减数
你能试试以下几个吗:
ngOnInit(): void {
this.columnDefs = [{
headerName: 'Header', field: 'quantity',
cellRenderer: params => {
return '<input type="number" class="my-custom-input-class">';
}
}];
}
和 CSS
input[type=number]::-webkit-inner-spin-button.my-custom-input-class,
input[type=number]::-webkit-outer-spin-button.my-custom-input-class {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}