Bug while setting CSS in template

[Jason]

The KendoGrid does not seem to handle some CSS settings within a template.

   $("#myList").kendoGrid({
dataSource: mySource
columns: [
{ field: "SupplierName", title: "Vendor Name:" },
{ field: "ColorCode", title: "Vendor Status", template: '<div style="width: 50px; height:20px; background-color: #FF16DC04">#= ColorCode #</div>'}]
});

The # is causing problems even when not grouped together with the equal sign (=).

[Petyo]

Hello,

You have to escape the # character using two backslashes. 

Regards,
Petyo
the Telerik team

[Jason]

That solved the issue by having the color code "hardcoded"

 background-color: \\#00ff00;">#= ColorCode #</div>'} 

But when I try to set it with the actual color code from my datasource, I run into the same problem.
The ColorCode property holds the value "#f00ff00". 

 background-color: \\\\#= ColorCode #;">#= ColorCode #</div>'} 

How may I make it "ignore" the # from the property?

[Deb]

$("#myList").kendoGrid({
dataSource: mySource
columns: [
{ field: "SupplierName", title: "Vendor Name:" },
{ field: "ColorCode", title: "Vendor Status", template: '<div style="width: 50px; height:20px; background-color: #FF16DC04">#= ColorCode #<//div>'}]

// escape ?