line-through on row?

[hohlraum]

I was trying to do something like the following:


grid.getView().getRowClass = function(record, index) {
switch (record.data.action) {
case "delete": return "deletedrow";
case "add": return "addedrow";
case "edit": return "editedrow";
}
}


where the style was:



<style type="text/css">
.deletedrow { text-decoration:line-through !important;}
.addedrow { background-color:#D5FFD6 !important;}
.editedrow { background-color:#FFFEC4 !important;}
</style>


The background-color changes work obviously but the line-through on the deletes are not. Any one have any ideas how I can achieve a line through on the text in each cell? Thanks guys/gals.

[brian.moeskau]

You have to apply the style rule to the TD (or any class inside the TD that wraps the text), not the TR itself:


.deletedrow TD { text-decoration:line-through !important;}

[cocorossello]

Thanks, i had the same issue.
Without td works in firefox and not in explorer...