利用jqGrid里的formatter对字体加粗和更改颜色

最新推荐文章于 2024-07-01 16:42:29 发布
最新推荐文章于 2024-07-01 16:42:29 发布
阅读量4.5k 收藏 5
点赞数
分类专栏： jqGrid 文章标签： jqgrid
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/little_naive/article/details/80988084
版权

这里需求是：把带有“年度”的一行的字体，加粗，更改颜色

这里是效果图

字体加粗，更改颜色了


这里的需求是：点击详情跳转到详情页

加入超链接


这里是效果图

每行后面都会有个查看详情


希望能为大家解决一点问题。也希望大家如果觉得那里不好，可以评论或者私信我。我希望能和大家一起学习，交流。

Little_naive
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
jqGrid单元格内容设置其内容的字体颜色
SunMwei的博客
11-16 2万+
jqGrid单元格内容设置其内容的字体颜色 其中想让（没有填写计划）的状态颜色为红色 colNames:['序号','操作','月份','计划流水号','部门','职务','工号','姓名','考核权重','状态','自评分','考核得分','部门ID','状态ID'],                 colModel:[                         {nam
使用datagrid的rowStyler、formatter函数设置行背景色、行字体色，单元格字体色
gr_guhun的博客
11-26 4388
说明： rowStyler函数：从后台查出数据后在前台界面展示根据其中字段的值改变字体颜色 formatter函数：数据库存的不是汉字根据字段值显示汉字 rowStyler函数 rowStyler: function (index, row) { /获取当前日期 var myDate = new Date(); //当该日期大于等于当前日期时将该行背景颜色设置为红色 //字体颜色设置为白色 if (row.overdueDate <= myDate.getTime()){ return
jqGrid--设置单元格字体颜色
icecoola_的博客
03-16 1万+
https://bbs.csdn.net/topics/390176122 colModel: [ { name: '列名称', index: '列名称', width: 65, sortable: t...
自定义设置jqGrid的标头居中加粗等
weixin_30521649的博客
08-14 739
beforeRequest: function () { $("thead th").css("text-align", "center").css("font-weight", "bold").css("background-image","url(/Content/libs/jquery-ui/images/ui-bg_glass_75_e6e6e...
el-table使用formatter修改样式
最新发布
wenwen123456_的博客
07-01 315
审批前和审批后字段是由 长度和宽度组成的，比如说beforeChanging字段值显示为。formatter函数来格式化来处理数据格式。对比审批前和审批后的值，如果。不相等，审批后的值样式为红色。使用el-table的中的。h（）函数详情学习路径。
ExtJS4.2 Grid知识点四：改变表格Grid行文字颜色,划过Grid行时文字变粗
cilao0732的博客
08-20 294
在ExtJS4.2 Grid知识点一：改变表格Grid单元格文字颜色一文中讲解了如何改变单元格中文字颜色，接下来在本章学习如何改变Grid中整行文字的颜色，这样就不需要为每列单独定义renderer函数，显示结果如图片： ...
Extjs grid让某些行加粗显示
weixin_34418883的博客
12-26 677
页面行字体加粗显示，如：viewConfig:{ getRowClass: function(record){ return record.get("isRead") == 0 ? "boldFont" : ""; }} 转载于:https://blog.51cto.com/gz521/2054828...
jqGrid表格 字体样式修改
08-31 3369
在JSP页面的标签里添加下列代码， 可设置jqGrid表格的字体样式大小等。         .ui-jqgrid .ui-jqgrid-title{font-size:22px;}    /*修改grid标题的字体大小*/                  .ui-jqgrid-sortable {font-size:32px;}   /*修改列名的字体大小*/                
echarts 里面的 rich(富文本)使用方法
热门推荐
阿臻
05-16 1万+
这里就用到了上面的 rich 富文本, rich 富文本理解之后真的是好用,自定义线的位置就是用利用 yAxis 属性symbol: 'none', // 取消线两端的 cap, 不展示箭头等形状data: [{name: '平均值',label: {formatter: `{label|平均用时:}{value|{c}}{unit|min}`,rich: {value: {}}},},}}},{// 自定义线的位置, 这里就是指定一个 y 轴坐标,......
jqgrid 设置某-行颜色
Alex81320的博客
05-05 3660
jqgrid 设置某-行颜色
jqGrid 自定义格式化数据：formatter
qq122453418的博客
01-17 7824
jqGrid格自定义格式化显示数据是通过colModel中的formatter来实现的。他有三个参数，第一个 参数表示当前单元格的数据；第二个暂时没用过，应该是jqGrid设置的三个选项；第三参数是该行的所有数据。在更新数据的时候遇到了一个问题，及当修改数据格式化的时候和第一次加载数据格式化的时候不一样了。主要因为，第一次加载数据的是，celval的值是undefined，rowdata的值是当前
el-table-column的formatter的使用
weixin_44707050的博客
02-09 7155
当后端返回来的数据格式需要再去处理；可以使用formatter属性 <el-table-column label="性别" align="center" :formatter="gendarFomat"></el-table-column> eg: gendarFomat(row, column) { if (row.gender == 0) { return "女"; } else if (row.gender == 1)
项目中使用的jqGrid
拉你手跟我走的专栏
05-12 3622
/* jqgrid定义 */ jQuery(grid_selector).jqGrid({ //解析从Server返回的json数据 jsonReader : { root : "rows", // json中每行的记录 page : "currentPage", //json中代表当前页码的数
Echarts——绘制饼图并导入数据，tooltip中的formatter使用方法
NanChen的博客
02-19 8443
DIY饼图中的环形图样式
echarts 给formatter文字添加不同颜色
weixin_46711427的博客
03-01 2792
legend: { x : 'center', y : 'bottom', icon: "circle", itemWidth: 8, // 设置宽度 itemHeight: 8, // 设置高度 itemGap: 20,// 设置间距 ...
jqgrid 每次 formatter 执行 searchoptions.dataInit
06-03
在 jqGrid 中，每次 formatter 执行时都会执行 searchoptions.dataInit，这是因为 formatter 用于格式化单元格的值，而 searchoptions.dataInit 用于初始化搜索表单元素的值。 如果想要避免每次 formatter 执行时都执行 searchoptions.dataInit，可以将 searchoptions.dataInit 放在 $(document).ready() 中执行，例如： ``` $(document).ready(function() { // 初始化搜索表单元素的值 $("#grid").jqGrid("setColProp", "columnName", { searchoptions: { dataInit: function(elem) { // 初始化搜索表单元素的值 } }, formatter: function(cellValue, options, rowObject) { // 格式化单元格的值 } }); }); ``` 这样，searchoptions.dataInit 只会在页面加载时执行一次，而不会在每次 formatter 执行时都执行。需要注意的是，如果搜索表单元素的值需要动态更新，可以在 formatter 中更新搜索表单元素的值，而不需要使用 searchoptions.dataInit。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值