angular - 如何自定义数字输入类型单元格 ag-grid
问题描述
我的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;
}
但仍在使用鼠标滚轮来增加/减少数字
推荐阅读
- python - 如何将谷歌条形图移动到上部区域?
- php - 无法使用 statickidz-api google translate-php 进行翻译
- python - 将python kwargs保存回yaml的更安全或更pythonic的方式?
- javascript - Webpack - 导出 window.function 失败
- c# - 类参数的通用继承约束失败
- python - 如何将 Scrapy 中的 csv 导出器分隔符更改为分号?
- laravel - 下拉列表的基表
- powerbuilder - Powerbuilder 2017:如何从应用程序访问 Outlook Web 应用程序
- git - 从多个存储库获取一段时间内的提交历史记录
- sql-server - Service Broker - 为输出 xml 文件制作触发器