养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

easyui某一列设置颜色教程

时间:2024-10-03 10:44:57

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

easyui某一列设置颜色教程

工具/原料

easyui

jQuery

JavaScript

HBuilderX

截图工具

PPT

方法/步骤

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

easyui某一列设置颜色教程

2、在<body></body>标签中,插入一个table并添加对应的字段和属性

easyui某一列设置颜色教程

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

easyui某一列设置颜色教程

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

easyui某一列设置颜色教程

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

easyui某一列设置颜色教程

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

easyui某一列设置颜色教程

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

easyui某一列设置颜色教程

© 一点知识