easyui DataGrid中格式化列,如果单价低于20,则使用定义列formatter为红色文本。
格式化DataGrid列,我们应该设置formatter属性,这个属性是一个函数。格式化函数包括两个参数:
· value: 显示字段当前列的值
· record: 当前行记录数据
Markup
<table id="tt"></table>
jQuery
$('#tt').datagrid({
title:'Formatting Columns',
width:550,
height:250,
url:'datagrid_data.json',
columns:[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
{field:'listprice',title:'List Price',width:80,align:'right',
formatter:function(val,rec){
if (val < 20){
return '<span style="color:red;">('+val+')</span>';
} else {
return val;
}
}
},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]]
});
相关文章
- easylui datagrid 动态生成列
- easyui datagrid tooltip
- easyui-datagrid行数据field原样输出html标签
- easyUI datagrid 多行多列数据渲染异常缓慢原因以及解决方法
- easyui的datagrid打印(转)
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据一
- jquery easyui datagrid mvc server端分页排序筛选的实现
- C# DataGrid根据某列的内容设置行字体加粗 单元格设置对齐方式
- easyUI datagrid 刷新取消加载信息 自动刷新闪屏问题
- Reporting Services可用于格式化XML数据类型列中返回的XML吗?