티스토리 테이블 표 스크롤 생성 방법

 

 

---

이번 포스팅은 티스토리 테이블 스크롤 생성 방법입니다.

PC에서는 표가 잘 보이지만 모바일에서는 표가 압축되어 글이 깨지는 경우가 있는데요.

 

아래와 같이 태그를 수정하면 스크롤바가 생기면서 전체 데이터를 넓이에 따라 조정할 수 있습니다.

 

 

티스토리 > 글쓰기 > 기본모드를 클릭해서 HTML 모드로 바꿔줍니다.

표는 <table> ~ </table> 태그로 구성되어 있는데, <div><table> ~ </table></div> 로 변경해 줄겁니다.

---

<div style="width: 100%; overflow: auto;">
<table style="white-space: nowrap; border-collapse: collapse; text-align: center;" border="1" data-ke-align="alignCenter" data-ke-style="style12">

---

</table>
</div>

---

위와 같이 수정 후 테스트 해보면 표에 스크롤이 생기면서 데이터가 깨지지 않고 잘 표시가 됩니다.