Как очистить сквозную строку для элемента в строке таблицы?

У меня проблемы с "очисткой" сквозной строки, которую я использую в строке таблицы. Я не Я не хочу, чтобы на ссылке был сквозной эффект. Я меняю класс tr динамически с помощью Javascript, поэтому я хотел бы сделать его как можно более простым.

Мой текущий код:

HTML:

<table>
<tr class="table-item">
<td>Text</td>
<td><a href="#">Delete item</a></td>
</tr>
</table>

CSS:

.table-item td {
text-decoration: line-through;
}
.table-item a {
text-decoration: none;
}

Есть предложения?