[html] 테이블 넓이 무한 증식 trouble shooting

문제상황

element-ui 라이브러리의 el-table 의 tbody 태그 내부에 스크롤바를 만들었는데,
스크롤바가 생기면 너비가 늘어나며, 없어져도 그 넓이가 줄어들지 않음
-> 너비가 무한 증식함.. (영상 링크)

원인

• el-table 은 두 개의 table 태그로 이루어져 있었음

// el-table 대략 구조
div.header_wrapper
    table.header
        thead
        //tbody 없음
div.body_wrapper
    table.body
        //thead 없음
        tbody

• 내가 tbody에 추가했다고 생각한 스크롤바는 div.body-wrapper에 생기는 것이었음 + tbody 의 width는 '100%'
• 스크롤바가 tbody로 밀고 들어가는 것이 아닌, div의 컨텐츠 영역을 차지하고 있음
• div의 넓이는 스태틱 하지 않아서 늘어난 content영역에 tbody의 너비가 차오름
  계속해서 반복됨

해결

div.body-wrapper의 너비를 픽스해서 해결