@kamisarlapsha

Как сделать такое выделение в таблицу?

Привет! Как можно реализовать такое выделение ячеек ? Получается что у каждой выбранной ячейки меняется bg. Но как сделать так, что, допустим, если рядом есть ещё выбранная ячейка то скругление только слева и справа ? Точнее как правильно это будет проверять на js или jquery ? Или, к примеру, вверху и снизу тоже выделенные ячейки, то между ними у ячейки нужно полностью убрать радиус скругления.

И как нужно проверить, чтобы понять что нужно добавить угол (выделили красным) ?

.selected {
    background: #000;
    border-radius: 20px;
}


Таблица сверстана так, так как вывод данных будет по колонкам
<div class="items">
      <div class="col">
            <div class="cell selected">
                   <p>Текст</p>
             </div>         
            <div class="cell">
             </div>
            <div class="cell">
             </div>
            <div class="cell">
             </div>
            <div class="cell">
             </div>           
      </div>
      <div class="col">
      <!--Тут еще 5 ячеек-->
      </div>
      <div class="col">
      <!--Тут еще 5 ячеек-->
      </div>
      <div class="col">
      <!--Тут еще 5 ячеек-->
      </div>
      <div class="col">
      <!--Тут еще 5 ячеек-->
      </div>
</div>


Чтобы получилось так
5eca6fee0d25a938200547.jpeg


Изначально так
5eca798c47b35448722536.jpeg


Заранее спасибо!
  • Вопрос задан
  • 293 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы