모바일, PC, 타블렛 등 다양한 디바이스에 대응하는 것이 테이블에서는 가장 중요합니다

2021.
hit : 2,140 ㅣ reply : 0
home > > 반응형 테이블

반응형 테이블

제목 : 모바일, PC, 타블렛 등 다양한 디바이스에 대응하는 것이 테이블에서는 가장 중요합니다

모든 디바이스에 반응형으로 테이블을 맞추는 것은 현실적으로 어렵습니다
그 디바이스에 맞게 테이블을 커스텀해야할 필요도 있을 수 있습니다.
그러면 작업이 많이 늘어나게 되므로 고민이 되기 시작합니다.
"과연 테이블... 반응형에서는 어떻게 처리해야할까?
거의 많은 css 프론트엔드 작업자분들이 느끼는 고민일 것입니다.
물론 아주 쉽게 단순화 하면 별 문제없지만... 가령 정부문서이 있을 법한 복잡한 표가 모바일에서도 나와야한다면?
끔찍합니다!! ㅋㅋㅋ

하지만 방법이 있습니다.
동적인 테이블인지 정적인 테이블인지를 먼저 파악해야할 것입니다.
그래서 그에 맞게 테이블을 아예 이미지화하는 것도 하나의 방법이 될 수 있습니다.
테이블을 쓰면 그 맛이 또 있기 때문에 아니면 인쇄 미리보기 이미지를 보여주고
인쇄에서만 복잡한 테이블을 사용하고 모바일이나 테블릿과 같은 디바이스에서는 축약한 테이블을 쓰는 것도 방법입니다.
다만 이렇게 되려면 개발단까지 뭔가 이슈가 발생합니다
Try it Yourself

닉네임
댓글내용을 적어주세요. [del]


소셜 댓글