应直接用CSS覆盖，.layui-table td,.layui-table th { padding: 12px 16px !important; }，因cellStyle无法统一生效且优先级低于内置样式，仅适合颜色等非布局属性。

layui表格的cellStyle不生效？直接改CSS更可靠

layui表格（layui.table）本身没有提供全局设置单元格内边距的配置项，cellstyle只对单列或动态样式生效，且优先级常被内置样式覆盖。想统一控制所有td和th的padding，必须走css覆盖路径。

怎么写CSS才能真正生效

layui 2.8+ 表格默认用.layui-table td和.layui-table th定义内边距，但它的选择器权重高、带!important，普通写法会被忽略。得用更强的选择器或加!important。

推荐写法（放在页面<style>里或自定义CSS文件末尾）：

/* 覆盖所有表格单元格，包括表头和数据行 */
.layui-table td,
.layui-table th {
  padding: 12px 16px !important;
}

• 值可以按需调整，比如8px 12px适合紧凑型表格
• 必须加!important，否则layui内置样式（如padding: 9px 15px）会赢
• 不要只写.layui-table td，漏掉th会导致表头和内容padding不一致

用cellStyle能替代吗

不能。它只在渲染时为每个td生成style属性，属于行内样式，虽然有较高优先级，但要逐列配置，无法“统一”；而且一旦表格重载（如分页、搜索），你得重新绑定逻辑，维护成本高。

示例中这样写是徒劳的：

cols: [[
  {field: 'name', title: '姓名', cellStyle: function() {
    return 'padding: 12px 16px;'; // ❌ 不会生效：layui内部会忽略纯padding声明
  }}
]]

• cellStyle返回的样式会被layui包裹进style，但layui自己又用CSS重置了padding，最终还是以CSS为准
• 它适合改颜色、背景等非布局属性，别硬扛内边距
• 如果真要用，得配合!important字符串（不推荐，难看且不可靠）

兼容性与性能注意点

直接改CSS几乎无兼容性问题，但有两个细节容易踩坑：

• 如果你用了skin: 'line'或skin: 'row'，表格类名会变成.layui-table-line或.layui-table-row，此时上面的通用选择器仍有效，因为它们都继承自.layui-table
• 避免用body .layui-table td这种过强选择器——虽然能生效，但可能误伤其他第三方表格组件
• 如果项目里同时用了多个layui版本（比如老模块没升级），确认下你的CSS加载顺序：自定义样式必须在layui.css之后

改完记得清缓存，有时候浏览器会死守旧的.layui-table规则。