Как убрать лишние стрелочки?

Question

[pcdesign]

Вот такая есть табличка.
Как убрать стрелки с помощью js или jquery чтобы получилось вот так:



Чтобы нельзя было подняться выше заголовка и опустится ниже заголовка.

Answer 1

[Eugene Chefranov]

.zagolovok + tr td:nth-child(2) .fa-long-arrow-up {
  display: none;
}

table tr td:last-child .fa-long-arrow-down {
  display: none;
}

table tr:nth-child(3n) td:last-child .fa-long-arrow-down {
  display: inline-block;
}

.zagolovok + tr td:nth-child(2) .fa-long-arrow-down {
  display: inline-block;
}

table tr:last-child td:last-child .fa-long-arrow-down {
  display: none;
}

Comments

[pcdesign]

На голом css?
Даже в голову не пришло. Спасибо большое :)

[Eugene Chefranov]

pcdesign, но эта схема не идеальна, если бы можно было html немного поменять или классы довешивать тогда было бы ок)
сейчас могут проблемы с двойными стрелочками если количество строк увеличится

[pcdesign]

Eugene Chefranov, классы можно вешать как угодно.
Тогда этот код можно еще сократить?

[Eugene Chefranov]

pcdesign, да) практически до одной строки)
Например, вешаете класс hide-down на строку (tr) где надо скрыть стрелки вниз, и класс hide-up где надо скрыть стрелки вверх. И затем пишете код типа такого

.hide-up .fa-long-arrow-up, .hide-down .fa-long-arrow-down {display: none;}

[pcdesign]

Eugene Chefranov, а ну это заранее неизвестно.