百分比字段原始值通常是小数（如0.87），少数为整数（如87）；Layui不自动识别百分比语义，需在templet中按类型安全格式化并处理空值，导出和排序均依赖原始数字类型。
百分比字段原始值是小数还是整数？
layui 表格不自动识别百分比语义，它只认你传进来的原始数值。后端返回 rate: 0.87 和 rate: 87 是完全不同的两种情况：
- 大多数 API 返回的是小数（如
0.87），此时需在templet里乘 100 再加% - 少数后端直接返回整数（如
87），这时直接加%即可，别重复 ×100
空值必须单独判断，否则 null * 100 得 0，再拼 % 就变成 "0%"，掩盖真实缺失
templet 里怎么安全格式化百分比？
用函数形式的 templet，别依赖模板字符串（它不支持条件逻辑）：
templet: function(d) {
if (d.rate == null || d.rate === '') return '-';
const val = typeof d.rate === 'number' ? d.rate : parseFloat(d.rate);
return isNaN(val) ? '-' : (val * 100).toFixed(2) + '%';
}注意三点：
-
d.rate字段名必须和后端返回的 key 完全一致，大小写、下划线都不能错 -
parseFloat()能兼容字符串型数字（如"0.87"），但对"87%"这种会截断成87，得先.replace('%', '') -
toFixed(2)返回字符串，直接拼%没问题；别用Math.round(val * 100) / 100，它不补零，0.1会变"10%"而非"10.00%"
导出 Excel 时百分比显示不对怎么办？
表格上看到 "87.00%"，导出文件里却是 0.87 —— 因为 exportFile() 读的是原始数据，不是 templet 渲染结果。
导出前手动构造格式化副本：
const data = table.cache['yourTableId'];
const exported = data.map(item => ({
...item,
rate: item.rate == null
? '-'
: (parseFloat(item.rate) * 100).toFixed(2) + '%'
}));
table.exportFile('报表', exported, 'csv');关键点：
- 用
table.cache['id']拿数据，不是table.config.data（分页后两者不一致） - 导出
csv格式最稳妥，千分位、百分比、中文都不会乱码；xlsx 里字符串带%可能被 Excel 自动转回数值 - 如果要保留计算能力（比如用户想在 Excel 里求平均），就导出纯数值
0.87，并在表头写明"完成率（%）"，靠 Excel 手动设单元格格式
排序时百分比列顺序看起来“怪”，怎么修？
用户看到 "100.00%" 排在 "9.99%" 后面，是因为 Layui 默认按原始数字 1.0 和 0.0999 排，视觉上反直觉。
解决方法只有两个，选其一：
- 开启列排序：
sort: true，同时确保原始字段是数字类型（不是字符串"87%"），这样排序逻辑正确，显示靠templet控制 - 关闭排序：
unresize: true，适合纯展示列（如“达成率”这种不参与筛选/排序的指标）
别在 templet 里返回带 % 的字符串再去让 Layui 排序——它不会解析，只会当字符串按字典序排，"100%" 确实会排在 "9%" 前面
列宽、导出、排序这三块互不影响，但都依赖同一个前提：原始数据字段必须是干净的数字。一旦在某处把它转成字符串（比如存了 "87%"），后面所有环节都会连锁出错。
