grid의 특정 column, row에만 스타일 적용하는 방법

[김가현]

안녕하세요 코딩애플님.

두 가지 질문이 있습니다.

1.  grid의 특정 column, row에만 스타일 주는 방법이 있나요?

map을 이용해 styled component를 grid 안에 반복시키고 있는 상태입니다.

그 중에서 3번 row와 6번 column만 배경색을 바꾼다던지 하는 식으로요.

 

2. grid의 cell에 마우스를 올리면 툴팁이 뜨도록 만들었는데요

툴팁이 엉뚱한 위치에 생겨서요, 해당 셀 위에 말풍선처럼 띄우고 싶습니다.

그리드의 특정 셀의 top, left값을 아는 방법이 있을까요?

 

[codingapple]

1은 grid 만들 때 원하는 div박스에 className같은걸 추가해두면 될듯 합니다 

2는 원하는 div에다가 마우스오버 이벤트를 달아놓고 

그 div에 마우스오버했을 경우 그 div의 현재 좌측 우측 좌표를 알려달라고 하면 됩니다 

[김가현]

Map을 이용해서 뿌리는 중이라 원하는 col, row에만 className을 적용하는 방법을 모르겠어서요.. 

조금 더 찾아보겠습니다. 감사합니다

[codingapple]

className={ 조건문 ? '클래스명' : null }

if문 쓰면 될듯요 

[글쓴이]

글