Joomla에서 더 나은 반응형 테이블

Droptables 는 Joomla용 테이블을 거의 마스터했습니다. 최근 업데이트에서 Droptables 는 더 많은 유형의 데이터에 대한 지원, 방정식으로 숫자를 처리하는 더 많은 방법, 스프레드시트처럼 테이블을 테마로 스타일링하는 새로운 옵션을 추가했습니다. 최신 업데이트는 Joomla를 위한 더 나은 반응형 테이블입니다.

테이블에 대한 한 가지 우려 사항은 테이블이 차지하는 공간입니다. 데스크톱 환경에서 웹 브라우저는 큰 테이블을 편안하게 맞추거나 적어도 탐색하기 쉽게 만들 수 있습니다. 그러나 태블릿이나 모바일 장치에서는 작은 테이블조차도 편안하게 맞지 않을 수 있습니다. 주메뉴용 드롭테이블의 최신 버전은 데스크탑, 태블릿 및 스마트폰에서 테이블의 모양을 더 좋게 만드는 새로운 기능을 추가했습니다. 한번 살펴보겠습니다!

반응형 Joomla 테이블 테마 

수년에 걸쳐 Droptables 는 Joomla 테이블에 많은 기능을 추가하여 단순한 테이블과 더 복잡한 스프레드시트 간의 구분을 흐리게 했습니다. 그러면 문제는 데스크톱 장치와 태블릿 및 모바일에서 가능한 한 동일하거나 적어도 유사하게 보이도록 테이블을 재현하는 방법입니다. 

Droptables 3.7의 최신 업데이트는 Joomla 블로그에서 반응형 전환을 더욱 원활하게 계속합니다. 모든 반응형 옵션은 형식 메뉴의 테이블 관리자에 나타납니다. 적절한 이름의 반응형 옵션 항목입니다. 여기에서 다양한 유형의 장치에서 테이블의 동작을 관리할 수 있습니다. 크거나 작음에 관계없이 가능합니다.

예를 들어, 원하는 반응형 Joomla 테이블의 유형을 선택할 수 있습니다. 반응형 테이블은 작은 장치에서 스크롤 막대를 가지거나 가장 중요한 데이터와 수치에 맞게 일부 열을 숨길 수 있습니다. 또한 테이블 헤더를 반복하도록 설정하여 열을 1차원 보기로 대체하도록 테이블을 재구성할 수 있습니다. 아래와 같은 GIF는 선택에 도움이 되도록 테이블의 동작을 보여줍니다.

선택한 반응형 동작 유형에 따라 더 세밀하게 테마를 구성할 수 있습니다. 예를 들어 스크롤 모드에서는 표의 높이를 설정할 수 있습니다. 열을 숨기도록 선택하는 경우 Droptables 에서 데이터 표시 여부를 결정할 때 우선 순위를 두는 가장 중요한 기능을 선택할 수 있습니다. 헤더를 반복하여 표시하여 모든 데이터를 간결하게 표시하는 것을 선호하는 경우 Droptables 3.7에서 새로운 옵션을 도입했습니다. 

태블릿 및 모바일 장치에서 테이블 스타일 유지 

반응형 옵션 목록은 계속 길어지고 있으며 이번에는 반복 헤더의 차례로 업데이트를 받게 되었습니다. 반응형 Joomla 테이블에 대한 반복 헤더 보기는 이제 표의 중단점, 최대 높이 및 스타일링의 세 가지 옵션을 갖습니다. 

브레이크포인트는 테이블이 반응형이 될 시점을 설정합니다. 웹 브라우저의 뷰포트 또는 Joomla 블로그의 표시 영역이 특정 너비 아래로 떨어지면 Droptables 는 기본 테이블 보기에서 반복되는 헤더 보기로 자동 전환합니다. 예를 들어 모바일 장치에서 뷰포트는 장치의 너비(픽셀 단위)이며 반응형 보기를 트리거합니다.

반응형 높이는 다른 용도로 사용됩니다. 반복되는 헤더 보기가 데이터의 일차원 표현을 사용하기 때문에 두 개의 열만 있는 테이블은 Joomla 블로그에서 매우 긴 요소로 빠르게 변질될 수 있습니다. 따라서 스크롤 보기와 유사하게 반응형 높이는 반응형 테이블의 최대 높이를 설정합니다. 

마지막으로, 마지막 옵션인 반응형 모드 스타일링이 있습니다. 이전에는 Droptables가 반복되는 헤더 보기에서 서로 다른 열을 표시했습니다. 이제는 서로 아래에 행을 표시하여 회색 색상을 번갈아 표시합니다. 자신의 테이블 스타일을 적용한 경우 Droptables이 대부분의 스타일링 옵션을 덮어썼습니다. 여전히 해당 옵션을 선택할 수 있습니다. 기본 반응형 모드 스타일링을 선택하거나 최신 버전에서는 테이블에서 스타일 지정을 선택하여 스타일과 테마를 유지할 수 있습니다.

표는 데이터를 보편적으로 이해할 수 있는 형식으로 표시하는 훌륭한 방법을 나타냅니다. 그러나 태블릿 및 모바일 기기는 대용량 데이터를 위해 설계되지 않았습니다. 걱정하지 마십시오. Droptables 은 두 가지 측면에서 계속 개선되어 Joomla에서 데이터와 프레젠테이션을 개선하고 데스크톱, 태블릿 또는 스마트폰에서 표가 완벽하게 보이도록 합니다.

또한 Excel 기능과 완벽하게 호환됩니다!

Joomla에 표가 필요한 경우, Droptables을 사용하면 절대 안됩니다. 여기를 확인하십시오.