반복되는 헤더를 사용한 더욱 반응성이 뛰어난 WordPress 테이블

워드프레스가 수년간 발전해 왔음에도 불구하고 워드프레스 테이블은 양날의 검입니다. 데이터를 표현하는 데는 완벽하지만, 스토리를 전달하는 데는 적합하지 않습니다. 이것만으로 부족하다면, 스마트폰과 태블릿에 대한 이야기를 들어보세요. 데이터를 표시할 공간이 훨씬 더 좁은 기기입니다. 테이블의 몇 가지 단점을 감수해야 하지만, 반응형은 그중 하나가 아닙니다.

WP Table Manager 마지막 주요 업데이트에서는 반응형 테이블 디자인과 더불어 반응형 옵션이 추가되었습니다. 이제 더욱 새롭고 향상된 버전의 WordPress 테이블 관리자가 출시되었습니다. 새로운 반응형 모드와 반응형 테이블 및 테이블 동작을 사용자 지정할 수 있는 새로운 옵션인 반복 헤더가 추가되었습니다.

반복되는 헤더가 있는 반응형 테이블

표를 표시할 공간이 충분하지 않으면 어떻게 될까요? 이전 업데이트에서 WP Table Manager 스크롤 막대 추가와 열 숨기기, 두 가지 반응형 옵션을 제공했습니다. 이 두 가지 모드는 각각 용도가 있지만, 가로 스크롤이나 데이터 숨기기를 피하고 싶다면 새롭게 추가된 세 번째 모드인 반복 헤더가 적합할 수 있습니다.

다른 모든 모드와 마찬가지로, 반복 헤더 반응형 모드는 데스크톱 기기(예: 컴퓨터나 노트북)처럼 충분한 공간이 있을 경우 일반 표로 기본 설정됩니다. 공간이 부족하면 표 헤더와 행 값, 두 개의 열로 구성된 더 간단한 표로 축소됩니다.

실제로 이는 표에 열이 네 개 있는 경우, 반응형 버전에서는 원본 표의 각 행이 네 개의 새 행으로 표시됨을 의미합니다. 각 새 행에는 원본 헤더와 해당 데이터 값만 있습니다. 이 방식은 원본 표의 각 행에 적용되므로 데이터 값 옆에는 항상 반복되는 헤더가 표시됩니다.

이러한 간단한 반응형 동작 덕분에 반복 헤더 테이블 모드를 사용하면 모바일과 태블릿에서 어떻게 보일지 걱정할 필요 없이 원하는 만큼 데이터를 테이블에 추가할 수 있습니다. 또한, WP Table Manager 소형 기기에서 행에 번갈아 색상을 적용합니다. 원본 테이블의 각 행은 다른 색상을 사용하여 맥락을 유지하고 WordPress 사용자가 레코드를 구분할 수 있도록 합니다.

반복 헤더 모드에서 반응형 테이블 사용자 지정

표를 편집할 때 반복 머리글 모드를 선택할 수 있습니다. 서식 에서 반응형 옵션을 다음 반복 머리글 모드를 찾으세요. 또한, 반응형 중단점과 반응형 최대 높이 두 가지 방법으로 반복 머리글 표를 사용자 지정할 수 있습니다.

반응형 중단점은 WordPress 테이블 관리자 플러그인이 테이블 렌더링을 평소처럼 중단하고 대신 반응형 반복 헤더 모드로 전환하는 너비입니다. WordPress 테마와 열 수를 기반으로 이 값을 추정할 수 있습니다. 테이블이 특정 너비 이하로 표시되지 않을 것 같으면 해당 너비를 중단점으로 사용하세요.

행이나 열이 많은 경우 반복 헤더 모드로 인해 페이지가 매우 길어질 수 있습니다. 반응형 최대 높이는 반응형 모드에서 반복 헤더 표의 높이를 제한하여 이 문제를 해결합니다. 반응형 표가 너무 길면 WordPress 사용자는 스크롤바를 사용하여 평소처럼 더 많은 데이터를 볼 수 있습니다.

반응형 테이블에는 마법의 탄환이 없지만, WordPress 테이블의 반복 헤더 모드는 그에 근접합니다. 작은 테이블이든 행과 열이 많은 큰 테이블이든, WP Table Manager의 새로운 반복 헤더 모드는 어떤 기기에서든 데이터가 항상 정확하게 표시되도록 보장합니다.