Применять сквозную линию на Строке заказа на основе состояния, GSP, JQ

Question

Я показываю список объектов в таблице, чтобы 1 строка для каждого объекта. Я хочу, чтобы конкретная строку иметь Зачеркнутую линию, проходящую через него, если объект имеет определенный набор параметров 1. Вот мой код:

<% patientOrders.each { order -> %> 

<tr class="orderRow"> 

    <% if(order.discontinued == 1) { %> 

    <script type="text/javascript"> 
    jq(this).closest('.orderRow').css({"text-decoration": "line-through","text-decoration-color": "red"}); 
    </script> 
    <% } %> 

    <td>${ order.drugname.getDisplayString().toUpperCase() }</td> 
    <td>${ order.startdate.format('yyyy-MM-dd') }</td> 

</tr> 
<% } %> 

Каждый заказ пациент приведена в таблице. Для всех тех ордеров, для которых параметр «прекращено» установлен в 1, отображается сквозная строка. Я не смог реализовать это. Может ли кто-нибудь помочь мне?

Спасибо!

Answer 1

можно условно добавить класс на 'тр', прекращенные заказы, и писать CSS для Зачеркнутого, может быть, как это:

<% patientOrders.each { order -> %> 

<tr class="orderRow <% if(order.discontinued == 1) { %> discontinued <% } %>"> 

    <td>${ order.drugname.getDisplayString().toUpperCase() }</td> 
    <td>${ order.startdate.format('yyyy-MM-dd') }</td> 

</tr> 
<% } %> 

CSS:

orderRow.discontinued{ 
    text-decoration: line-through; 
    text-decoration-color: red; 
} 

Примечания: text-decoration-color не поддерживается в большинстве основных браузеров, вместо этого вы можете использовать color: red, но он также изменит цвет текста.

Если вы хотите, чтобы удар, хотя линия будет красным, и текст, чтобы быть разного цвета, то вы можете изменить цвет Td, наряду с CSS выше, чтобы достичь этого:

CSS:

.orderRow td{ 
    color: black; 
}