How to strikethrough the text in grid

[Joe]

is it possible to strikethrough the text in the grid ?

For example, in the Staff name column, i want to strikethrough the staff name who had left the company (see capture screen).

Thanks.

[Princy]

Hi Joe,

Please try the following code snippet to strike through a cell of a column.

C#:

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
   {
       if (e.Item is GridDataItem)
       {
           GridDataItem item = (GridDataItem)e.Item;
           string val = item.GetDataKeyValue("ID").ToString();//Access the DataKeyValue
           TableCell cell = item["StaffName"];//Access cell value of Column that you want to strike
          //Your Condition goes here
           {
            cell.CssClass = "text";
           }
       }
   }

CSS:

<style type="text/css">
       .text
       {
        text-decoration: line-through;
       }
   </style>

Thanks,
Princy

[Attila]

Hi!

How can I solve this with JavaScript in the function of onDataBound?

Thanks

[Attila Antal]

Hi Attila,

The DataBound event is slightly different on client-side as it only fires once. Within the event handler, you can get a reference to the data items collection of the master table, iterate though each item, access the desired cell and assign a CSS class to it.

Markup

<telerik:RadGrid ...>
    <ClientSettings>
        <ClientEvents OnDataBound="onDataBound" />
    </ClientSettings>
</telerik:RadGrid>

JavaScript

<script type="text/javascript">
    function onDataBound(sender, args) {
        var dataItems = sender.get_masterTableView().get_dataItems()
        for (var i = 0; i < dataItems.length; i++) {
            dataItems[i].get_cell("ShipName").classList.add("text");
        }
    }
</script>

CSS

<style type="text/css">
    .text {
        text-decoration: line-through;
    }
</style>

Attached you can find a basic sample demonstrating this scenario.

Please give the suggestion from above a try and see if that works for you.

Kind Regards,
Attila Antal
Progress Telerik