다음은 반응형 테이블에 관한 것입니다. 반응형 테이블은 콘텐츠 대비 테이블의 폭이 작은 경우에 수평스크롤바를 표시하는 것입니다. 반응형 테이블을 위해서는 테이블 컨테이너에overflow-x:auto를 아래와 같이 추가하면 됩니다.
이름 | 국어점수 | 영어점수 | 수학점수 | 물리점수 | 화학 | 생물점수 | 기술점수 | 국사점수 | 한문점수 | 상식 |
---|---|---|---|---|---|---|---|---|---|---|
홍길동 | 95 | 77 | 67 | 80 | 85 | 86 | 79 | 80 | 95 | 85 |
이몽룡 | 90 | 87 | 87 | 70 | 95 | 77 | 85 | 70 | 85 | 88 |
변학도 | 85 | 79 | 75 | 86 | 55 | 60 | 95 | 85 | 75 | 80 |