easyui某一列设置颜色教程

easyui某一列设置颜色教程

一般情况下，在使用easyui框架时，可以给表格行设置间隔色。那么，如何给某一列设置颜色呢？

在已创建Web项目的HBuilder工具中，新建页面文件并引入easyui相关文件

在标签中，插入一个table并添加对应的字段和属性

然后插入几个超链接标签，设置表格的操作功能

在工具栏元素下方，添加script标签，定义新增、保存和删除函数

保存代码并运行页面文件，可以查看到表格效果

在总价字段中，添加函数styler，设置背景色和字体颜色

再次保存代码并刷新浏览器，可以看到总价列背景色变为红色，字体变为白色

调用表格中的styler函数

styler: function (value, row, index) {

return 'background-color:red;color:white';

}