dataframe 꾸미기

🤲 pandas의 dataframe을 jupyter css 파일 코드를 고치거나 추가하면 입맛에 맞게 꾸밀 수 있다! 그 과정을 소개해봄

 

- 수정 후 -

 

🤲 jupyter notebook styling css 파일 총 2개를 수정했다.

① custom.css

② style.min.css

🤲 custom.css

 

🤲 설명에 의하면 overriding되는 동일구조 code의 최종 of 최종본을 선언할 때 쓰라는 안내문

 

🤲 .dataframe은 style.min에서 찾아도 없어서(ctrl+F5 단축키) custom.css에 깔끔히 썼다.

.dataframe th{
    background:#B7E0F0; 
    font-weight: 600;
    border:3px solid white; 
}

 

→ <th> tag는 dataframe table의 제목에 해당하는 cell로, 색깔을 입히고, 3px solid white cell 간 경계를 설정. font-weight를 부과해 좀 더 강조

🤲 style.min.css

.rendered_html tr,
.rendered_html th,
.rendered_html td {
  text-align: right;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: 1px black solid !important;
}

 

div#notebook_panel {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
  background-color: #33E9FF;
}

 

→ <td> tag는 dataframe에서 하나의 cell을 의미하며, 각 cell의 border color, width 설정. 혹시 겹칠까봐 !important 우선순위

→ #notebook panel에서 bgcolor 설정

→ 그 외에도 code cell border & 색깔 설정함

---

* 참고 출처) https://datadoctorblog.com/2020/11/14/Py-Jupyter-Notebook-Styling-02/