Доступ к неявным строкам cssgrid с помощью javascript - PullRequest
Новая
       17

Доступ к неявным строкам cssgrid с помощью javascript

0 голосов
/ 09 мая 2019

Я работаю с сеткой CSS. Я загружаю массив объектов из бэкэнда. 

 const items = [
   { id: 1, text: 'test1'},
   { id: 2, text: 'test2'}
 ];

Я должен отображать текст каждого элемента в элементе div (плитке) в виде элементов cssgrid. Поскольку количество элементов является динамическим, я использую эти правила CSS в своем контейнере. 

  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-rows: 20rem;

Таким образом, он создает неявные строки, которые делают пустые ячейки доступными и видимыми при использовании devtools. Я хотел бы иметь возможность получить доступ к этим неявным строкам, зацикливаться и создавать пустой div с некоторыми css. Но вот моя проблема, я не могу найти способ получить доступ к этим строкам имплицит с помощью JavaScript Я пробовал через getComputedStyle. Есть идеи?

...