You should extend the color editor before using it in the datagrid component.
$.extend($.fn.datagrid.defaults.editors, {
color: {
init: function(container,options){
var input = $('<input>').appendTo(container);
input.color(options);
return input;
},
destroy: function(target){
$(target).color('destroy')
},
getValue: function(target){
return $(target).color('getValue')
},
setValue: function(target, value){
$(target).color('setValue', value)
},
resize: function(target, width){
$(target).color('resize', width)
}
}
})