메인 콘텐츠로 건너뛰기

WordPress HTML 테이블을 모바일에서 반응형으로 만들기

반응형 모드는 데스크톱 또는 작은 장치(모바일, 태블릿)에서 레이아웃의 공간이 작을 때 WordPress에서 HTML 테이블을 표시하는 데 중요한 요소입니다. WP Table Manager에는 스크롤링, 열 숨기기 및 여러 반응형 설정이 있는 반복 헤더의 3가지 반응형 모드가 있습니다.
더 많은 기능을 보려면 메인 플러그인 페이지로 돌아가기 >

열 숨기기 및 표시 우선 순위를 사용하는 반응형 테이블

열 숨기기 및 표시 우선 순위를 사용하는 반응형 테이블

이 WP Table Manager 반응형 모드는 가장 사용자 정의가 가능합니다. 사용자의 테이블은 우선 순위에 따라 정렬된 열 선택 항목과 함께 표시되며 사용 가능한 너비에 따라 다른 항목은 숨겨집니다. 체크박스가 있는 메뉴를 사용하여 화면의 모든 크기에서 열 표시를 강제할 수 있습니다.

데이터 헤더 그룹 모드를 사용하는 반응형 테이블

이 테이블 반응형 모드는 특정 화면 너비에 도달하면 헤더 정보 아래에 행 데이터를 표시합니다. 각 테이블에 대해 특정 반응형 중단점(너비) 및 테이블 최대 높이를 설정할 수 있으므로 테이블이 배치된 위치에 따라 매우 편리합니다.

데이터 헤더 그룹 모드를 사용하는 반응형 테이블
스크롤을 사용하는 반응형 테이블

스크롤을 사용하는 반응형 테이블

스크롤 반응형 모드는 표 너비와 높이를 고정하고 수평 및 수직 모두에서 오버플로를 표시합니다. 수평 스크롤은 콘텐츠 너비에 따라 달라지며 스크롤하는 동안 고정할 열 수를 선택할 수 있습니다.

HTML 테이블에 적합한 반응형 모드를 선택하는 방법

여기에 나열된 모든 반응형 모드는 셀 또는 열 고정 및 테이블 고정 너비 및 높이와 함께 사용할 수 있습니다. 모든 반응형 모드는 표시된 데이터와 가장 많이 사용되는 장치에 따라 적절할 수 있습니다.

HTML 테이블에 적합한 반응형 모드를 선택하는 방법

WP Table Manager, 비디오의 반응형 테이블

WP Table Manager 플러그인 가격

우리의 6만 명 이상의 회원에 가입하여 지원 및 새 버전 업데이트를 받으세요


199$
~ 대신에 421$

BUNDLE

Bundle Bundle

워드프레스

최근 사용 후기 및 평가

플러그인 사용자? 자신의 사용 후기 추가 >>

에 대한 평균 평점 WP Table Manager, 주무나이티드 4.9 5성 중 - 66 개의 리뷰 기반

자주 묻는 질문: 모바일에서 반응형 WordPress HTML 테이블

WP Table Manager 는 모바일 테이블에 어떤 반응형 모드를 제공합니까?

WP Table Manager 에는 스크롤, 열 숨기기, 반복 헤더(데이터 헤더 그룹)의 세 가지 반응형 모드가 있으며, 각 모드는 화면 크기에 따라 표 표시를 다르게 조정합니다.

열 숨기기 반응형 모드는 어떻게 작동합니까?

이 모드에서는 사용 가능한 화면 너비에 따라 열이 우선 순위화되고 숨겨지며, 사용자가 체크박스 메뉴를 사용하여 열을 수동으로 표시하거나 숨길 수 있는 옵션이 있습니다.

데이터 헤더 그룹 반응형 모드란 무엇입니까?

이 모드는 화면 너비가 작을 때 표 행을 그룹화된 헤더 및 데이터 블록으로 변환하여 콘텐츠를 보다 읽기 쉬운 쌓인 형식으로 표시할 수 있습니다.

스크롤 반응형 모드는 어떻게 작동합니까?

스크롤 모드는 고정된 표 너비와 높이를 설정하여 수평 및 수직 스크롤을 가능하게 하며, 수평 스크롤 중에 여러 열을 고정할 수 있는 옵션을 제공합니다.

반응형 모드에서 표 셀 또는 열을 고정할 수 있습니까?

예, 모든 반응형 모드는 셀 또는 열 고정 기능을 사용하여 스크롤하거나 작은 화면에서 표를 조정하는 동안 주요 데이터를 표시할 수 있습니다.

내 표에 가장 적합한 반응형 모드를 어떻게 선택합니까?

선택은 데이터 유형 및 일반적인 장치 사용에 따라 다릅니다. 스크롤은 넓은 표에 적합하고, 열 숨기기는 계층적 콘텐츠에 적합하며, 데이터 헤더 그룹 모드는 좁은 화면에서 가독성에 이상적입니다.