[Spring] 쇼핑몰 - 55 스크롤

---

order_manage.html,  js

 

overflow - > 넘쳐흐르면 어떻게 할지 정해준다.  hidden 해줄 시 정해진 영역만큼 나오고 넘치면 짜른다.

overflow-y는 y축만 스크롤을 주는기능이다. overflow만 쓰면 x, y축 모두 생성된다.

이때 scroll을 쓰면, 넘쳐흘렀을때 스크롤을 만들어준다. table에서는 안먹어서 div에 my-scroll을 주었다.

*** 스크롤을 쓰기 위해선 기본적으로 영역 크기가 정해져있어야 한다.

 

order_manage.css, html

overfolw에서 auto로 주게되면 범위가 벗어 난것은 생기고, 범위 내에 있는 것들은 스크롤이 생기지 않는다.

 

css와 html에서 margin, padding을 주면서 깔끔하게 나타내 주었다.

하지만 데이터가 없는 테이블은 공간을 크게 차지할 필요가 없다.

order_manage.css

따라서 my-scroll에 가서 max-height를 설정해주면서 데이터가 없는 테이블은 축소시켜주었다.