本文介绍如何使用 Tabulator 的内置 number 编辑器替代默认 input 编辑器，实现单元格仅允许输入合法数字（自动过滤字母、符号等非数字字符），并支持最小值、最大值和步长约束。
本文介绍如何使用 tabulator 的内置 `number` 编辑器替代默认 `input` 编辑器，实现单元格仅允许输入合法数字（自动过滤字母、符号等非数字字符），并支持最小值、最大值和步长约束。
在 Tabulator 中，若希望某列单元格严格限制为数字输入（如 minValue、nomValue、maxValue），最简洁可靠的方式是使用官方提供的 number 编辑器（editor: "number"），而非 editor: "input" 配合自定义验证器。number 编辑器基于 HTML5 ，由浏览器原生支持：它会自动阻止键盘输入非数字字符（如字母、中文、多数符号），且在移动端唤起数字键盘，显著提升用户体验与数据可靠性。
你只需将原配置中 editor: "input" 替换为 editor: "number"，并按需设置 editorParams 即可。例如，修改你的 minValue 列配置如下：
{
title: "Min",
field: "minValue",
cellEdited: validateBelt,
validator: "numeric", // ✅ 推荐保留 validator 提供编辑时即时反馈（如红框提示）
editable: editCheck,
editor: "number", // ? 关键变更：启用原生数字编辑器
headerSort: false,
width: "15%",
hozAlign: "right",
formatter: decimalFormatter,
headerHozAlign: "right",
editorParams: {
min: 0, // 可选：最小允许值
max: 9999.99,// 可选：最大允许值
step: 0.01, // 可选：步长（支持小数），默认为 1
}
}
同理，nomValue 和 maxValue 列也应同步更新 editor: "number"。注意：editorParams.formatter 在 number 编辑器中无效（因 number 输入框不支持格式化显示），如需小数位控制，请通过 step 和 formatter（仅影响只读显示）协同实现——例如 step: 0.01 确保用户只能输入两位小数，而 decimalFormatter 保证表格中始终显示为 x.xx 格式。
⚠️ 重要注意事项：
-
number编辑器无法输入空字符串或负号开头的无效数字（如"-"或"12a"），但允许用户删除全部内容（留空）。如需强制必填，请额外配置validator: ["required", "numeric"]； - 某些旧版浏览器对
type="number"支持有限（如 Safari 对小数点处理较宽松），因此强烈建议保留validator: "numeric"作为服务端/逻辑层的兜底校验； - 若业务需支持科学计数法（如
1e3）或千分位符号，number编辑器不适用，此时应回退至input+ 自定义validator+cellEditChecker组合方案。
综上，用 editor: "number" 是实现“纯数字输入”的首选方案：零依赖、高兼容、体验佳。配合合理的 validator 与 editorParams，即可构建健壮、易用的数值型表格编辑功能。
