Layui表格不支持edit: 'number'，需用templet渲染type="number"输入框并手动调用number.render初始化，同时监听change事件同步数据至table.cache，并处理移动端兼容及fixed列z-index问题。
layui 表格 edit 属性不支持直接渲染 number 组件
表格列的 edit 属性只接受 'text'、'textarea'、'checkbox'、'select' 等内置类型，没有 'number' 或 'number-plusminus'。所谓“在表格里用加减器”，本质是**禁用默认编辑行为，改用自定义模板 + 手动绑定 number 模块**。
必须用 templet 渲染 input + number.render 初始化
在 column 配置中放弃 edit: 'text'，改用 templet 输出带 type="number" 的输入框，并确保它有唯一 ID 或 class 便于后续初始化：
{
field: 'price',
title: '单价',
templet: '<div><input type="number" name="price" class="table-number-input" value="{{d.price}}" min="0" max="99999" step="0.01"></div>'
}
渲染完表格后，再统一调用 number.render：
layui.use('number', function(){
var number = layui.number;
number.render({
elem: '.table-number-input',
min: 0,
max: 99999,
step: 0.01
});
});
- 不能写
elem: 'input[name="price"]'—— 表格重绘（如分页、搜索）后 DOM 会重建，选择器需基于 class 或属性稳定匹配 - 若需响应单元格编辑完成事件（如回车/失焦提交），要监听
change或blur，不能依赖edit的内置回调 -
step: 0.01时务必用parseFloat处理值，避免浮点误差导致显示为1.0000000000000002
表格内加减器无法自动触发 table.reloadData()
用户点 + / − 改了值，但表格数据源（data 数组或接口返回的原始数据）不会同步更新。你得手动维护：
- 给每个 input 添加
data-id="{{d.id}}"或类似标识，方便定位对应行数据 - 在
number.render的change回调里，用table.cache['yourTableId']找到当前行对象并修改字段 - 若启用了服务端分页，还得额外发请求保存变更，不能只改前端缓存
示例关键逻辑：
number.render({
elem: '.table-number-input',
change: function(value, elem){
var $input = $(elem);
var id = $input.data('id');
var cache = table.cache['myTable'];
var row = cache.find(item => item.id == id);
if(row) row.price = parseFloat(value); // 同步到缓存
}
});
移动端点击区域小、按钮遮挡是高频问题
原生 type="number" 在 iOS 上自带上下箭头，但和 layui 的 number 模块按钮叠加后，常出现按钮被截断、点击无响应、光标错位等问题：
- 强制移除原生控件：CSS 加
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } - 加减按钮用
layui-icon替代文字按钮，更紧凑：<i class="layui-icon layui-icon-add-1"></i> - 确保 input 宽度留足空间，建议设
width: 80px以上，否则按钮会挤出容器 - 真机测试时重点看 Safari 和微信内置浏览器，它们对
position: absolute的子元素定位最不稳定
最易被忽略的是：表格固定列（fixed: 'left'）场景下，加减按钮的 z-index 常被覆盖，需要显式提高层级并配合 position: relative 容器包裹。
