JQuery EasyUI DataGrid行添加水印

在EasyUI的DataGrid组件中，要为行添加水印，可以通过自定义表格的formatter函数来实现。以下是一个简单的实例代码，展示了如何为DataGrid的某一列添加水印效果：

$(function(){
    $('#tt').datagrid({
        title:'DataGrid with Watermark',
        iconCls:'icon-save',
        width:700,
        height:300,
        url:'get_data.php',
        columns:[[
            {field:'code',title:'Code',width:100},
            {field:'name',title:'Name',width:100},
            {field:'price',title:'Price',width:100,
                formatter:function(value,row,index){
                    return '<span style="color: red; text-decoration: line-through;">' + value + '</span>';
                }
            }
        ]],
        rowStyler: function(index,row){
            if (row.price < 20){
                return 'background-color: yellow';
            }
        }
    });
});

在这个例子中，我们定制了price字段的formatter属性，使用<span>标签和CSS样式来创建一个红色的水印文本。rowStyler属性用于为满足特定条件的行添加背景色。这里的条件是价格小于20，背景色设置为黄色。

请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行更复杂的逻辑处理。