easyui 的datagrid怎样使某些行粗体显示?

StevenCho 发布于 2013/05/30 09:29
阅读 3K+
收藏 0
就好像qq邮箱里的一样,如果邮件未读,会用粗体显示,在easyui中的datagrid怎么弄?有劳各位了。
加载中
0
MuBeiBei
StevenCho
StevenCho
好的,谢谢
0
翟志军
翟志军

使用datagrid的rowStyler属性。

$('#dg').datagrid({
	rowStyler: function(index,row){
		if (row.listprice>80){
			return 'background-color:#6293BB;color:#fff;';
		}
	}
});
建议多多看文档

StevenCho
StevenCho
rowStyler : function(index, row) { return 'font-weight:bold;'; },我这样写为什么不能使所有行都变粗体呢?
0
MuBeiBei
MuBeiBei
index:行索引,从0开始.

row:对应于该行记录的对象。

不行的话,就用row对象设置样式。

MuBeiBei
MuBeiBei
回复 @caojielong : 把tr的html结构发出来我看看,不行你就让tr里面的td设置font-weight:bold试试。 $(row).find('td').css('font-weight','bold');
StevenCho
StevenCho
回复 @MuBeiBei : 还是不行,有其他方法吗?
MuBeiBei
MuBeiBei
回复 @caojielong : 你这样试试 return 'font-weight:bold !important';
StevenCho
StevenCho
设置背景色是可以的但是设置粗体就没效果,为什么呢?
0
StevenCho
StevenCho

引用来自“MuBeiBei”的答案

index:行索引,从0开始.

row:对应于该行记录的对象。

不行的话,就用row对象设置样式。

晕,datagrid是没有tr、td的,datagrid的结构,它的结构是这样的:

columns : [ [ {
				field : 'id',
				title : '编号',
				width : 100,
				hidden : true
			}, {
				field : 'feedtime',
				title : '审批时间',
				width : 100,
				sortable : true,
				formatter : function(value, row, index) {
					return '<span title="'+value+'">' + value + '</span>';
				}
			}, {
				field : 'applytime',
				title : '申请时间',

0
StevenCho
StevenCho

引用来自“陈真诚”的答案

使用datagrid的rowStyler属性。

$('#dg').datagrid({
	rowStyler: function(index,row){
		if (row.listprice>80){
			return 'background-color:#6293BB;color:#fff;';
		}
	}
});
建议多多看文档

为什么设置背景色是可以的但是设置粗体就没效果?
返回顶部
顶部