Easyui datagrid 單元格格式化函數formatter的使用

$('#dg').datagrid({
	columns:[[
		{field:'userId',title:'User', width:80,
			formatter: function(value,row,index){
				if (row.user){
					return row.user.name;
				} else {
					return value;
				}
			}
		}
	]]
});

　以上是通過JS來進行調用

　　單元格格式化函數formatter帶三個參數：

　　value：單元格的字段值

　　rowData：該單元格所在行的行記錄

　　rowIndex：該單元格所在的行索引

調用該函數，我們可以通過這三個值來進行判斷，結合自己的需求，然后適當的對該單元格進行渲染

HTML元素內進行調用

<th data-options="field:'invalid_flag_name',width:60,align:'center',
                            formatter:function(val,row,index){
                                if(val == '禁用'){
                                    val = '<span style=\'color:red;\'>'+value+'<span>';
                                }
                                return val;
                            }
                            ">狀態
</th> 

　結果如下：