Changing a row's text-decoration in a grid

[Juls]

Hi,

Currently I am able to use the GetRowClass as a renderer to change the rows background color and font but I am not able to apply "text-decoration:line-through". I use Firebug but still can't see what is canceling out the "text-decoration" style.

Here is the sample code:

.code-inactive-row
{
 background-color: #DDDDDD;
    text-decoration: none;
    text-decoration: line-through;
    color: Green;
}

function inactiveListItems(record, index) {
    if (record.data.IsActive == false) {
        return 'code-inactive-row';
    }
}

<View>
    <ext:GridView ID="ViewWindowBusinessCodePicker">
        <GetRowClass Fn="inactiveListItems" />
    </ext:GridView>
</View>

[Juls]

This works if you simply add 'tr' to the class style:

/*CSS*/
tr.inactive
{
color: Gray;
text-decoration: line-through;
}

/*JS*/
var applyStyle = function(record, index){
if (record.data.Active == false){
return 'inactive';
}
}

/*Markup*/
<View>
...
<GetRowClass Fn="applyStyle" />
</View>

Hi,

Currently I am able to use the GetRowClass as a renderer to change the rows background color and font but I am not able to apply "text-decoration:line-through". I use Firebug but still can't see what is canceling out the "text-decoration" style.

Here is the sample code:

.code-inactive-row
{
 background-color: #DDDDDD;
    text-decoration: none;
    text-decoration: line-through;
    color: Green;
}

function inactiveListItems(record, index) {
    if (record.data.IsActive == false) {
        return 'code-inactive-row';
    }
}

<View>
    <ext:GridView ID="ViewWindowBusinessCodePicker">
        <GetRowClass Fn="inactiveListItems" />
    </ext:GridView>
</View>