다양한 데이터 테이블 옵션으로 보기 좋은 테이블 만들기

게시 됨: 2016-04-12

테이블은 모든 웹사이트의 매우 일반적인 콘텐츠 구성 요소입니다. 그러나 때로는 구축하기가 어렵습니다. Supsystic의 데이터 테이블 생성기는 프로그래밍 기술 없이도 다양한 옵션으로 잊을 수 없는 데이터 테이블을 쉽게 만들고 WordPress 게시물이나 페이지에 단축 코드를 삽입하기만 하면 됩니다. 데이터 테이블 플러그인에는 인상적인 범위의 기능이 있으며 여러분 각자가 필요에 따라 유용하다는 것을 알게 될 것이라고 확신합니다. 이제 가장 가치있는 것에 대해 이야기합시다.

테이블이 많은 데이터로 구성된 경우 페이지 매김 , 정렬 및 웹 사이트 사용자의 편의를 위해 검색 을 사용하고 싶을 것입니다. 데이터를 내림차순 또는 오름차순으로 정렬하기 위해 테이블의 페이지를 뒤집을 수 있는 기회를 제공합니다. 또한 테이블 전체를 살펴볼 시간이 많지 않은 경우 검색 필드에 필요한 정보를 입력하고 빠르게 찾을 수 있습니다. 대단하지 않아? 이러한 기능은 많은 시간을 절약할 수 있습니다. 그리고 우리는 현대 사회에서 시간이 돈이라는 것을 압니다.

또한 사용자가 테이블을 저장하거나 인쇄하도록 허용할 수도 있습니다. 프런트엔드 내보내기 기능을 찾아 형식(CSV, Excel, PDF, 인쇄)을 선택하기만 하면 됩니다. 웹사이트 사용자는 표 근처에 해당 버튼이 표시되며 이러한 형식으로 다운로드하거나 인쇄할 수 있습니다. 또한 PDF 또는 인쇄본에 회사 로고를 첨부할 수 있습니다. 이는 귀하의 비즈니스를 나타내기 때문에 매우 유용하며 고객이 무심코 기억하게 될 것입니다. PDF를 다운로드하거나 아래 표를 인쇄하여 로고를 확인하십시오.

언급할 가치가 있는 다른 옵션은 SCV, XLS, XLSX 및 Google 스프레드시트와 같은 파일 가져오기 입니다. 이제 컴퓨터에 이미 준비된 테이블이 있는 경우 데이터 테이블 플러그인에서 테이블을 만드는 데 시간을 낭비할 필요가 없습니다. WordPress 플러그인으로 가져오고 웹 사이트에 단축 코드를 붙여넣기만 하면 됩니다. 마찬가지로 적절한 형식(CSV, Excel, PDF)을 사용하여 Data Table Plugin에서 컴퓨터로 테이블을 내보낼 수 있습니다.

또한 사이트가 다른 가젯에서 표시된다고 가정하면 반응형 모드 기능에 관심이 있을 것입니다. 데이터 테이블 생성기는 표준, 자동 열 숨기기, 수평 스크롤과 같은 응답 모드를 제공하거나 필요하지 않은 경우 응답을 전혀 비활성화할 수 있습니다. 표준 응답 모드는 표 내용이 맞지 않는 경우 행당 하나의 셀이 있는 열을 서로 아래에 배치합니다. 자동 열 숨기기는 열을 오른쪽에서 왼쪽으로 축소합니다. 수평 스크롤은 테이블이 상위 컨테이너 너비를 넘을 때 스크롤바를 추가합니다. 반응성을 비활성화하면 테이블이 기본 레이아웃을 갖게 됩니다. 웹 페이지의 크기를 조정하여 다음 표에서 다양한 반응 모드가 작동하는지 확인할 수 있습니다.

이름 도시 거리 우편 번호 이메일 생후
엘돈 루브 스핀칼랜드 제이든 포트 86743 [email protected] 1991년 1월 17일
호이트 서양 평지 스튜어트뷰 스튜버 제도 04689 [email protected] 1989년 8월 14일
애니 갱부 윌튼뷰 홈닉 포드 76947-8004 [email protected] 1990년 10월 30일

이름 도시 거리 우편 번호 이메일 생후
로메인 데네식 동프랑코셔 오델 뷰 92164-3876 [email protected] 1984년 8월 26일
대런 존슨 로한마우스 칼로타 에스테이트 51692 [email protected] 1995년 3월 26일
브래들리 하웰 노스 테렌스 도리스 호수 06511-9359 [email protected] 1993년 2월 26일

위에서 언급한 기능과 함께 데이터 테이블 플러그인을 사용하면 선택한 셀에 그림 , 링크 또는 주석 을 삽입할 수 있습니다. 아래 표에서 "내용" 열에 댓글을 볼 수 있습니다. 해당 내용에 마우스를 올리기만 하면 됩니다.

사진 무엇 WHO 언제 어디
암벽 등반 보통은 혼자지만 때로는 친구들과 함께. 월요일, 수요일, 금요일 오후 4시~5시 퍼시픽 에지 암벽 등반 체육관 등반은 심혈관 지구력, 근력 및 지구력, 유연성, 뼈 강도 향상 또는 유지에 도움이 됩니다.
강아지 산책 나와 내 강아지만 토요일과 일요일, 시간이 있을 때마다 웨스트 클리프에서 걷기는 심혈관 지구력과 뼈 강도를 향상시킵니다
운동 스스로 월요일, 수요일, 금요일 오후 5시 ~ 5시 30분 퍼시픽 에지 암벽 등반 체육관에서 운동은 근력과 지구력에 도움이 됩니다.

행의 형식 도 설정할 수 있습니다. 통화, 날짜 또는 백분율로 작업할 때 매우 유용할 수 있습니다. 또한 테이블에서 편집 가능한 필드 를 설정할 수 있습니다. 이 기능은 수식을 사용할 때 도움이 됩니다. 예를 들어 귀하의 비즈니스가 리퍼비시와 연결되어 있고 테이블에 서비스 가격을 표시합니다. 편집 가능한 필드를 설정하면 미래의 고객이 자신의 집의 면적 크기를 입력할 수 있으며 그에 대한 가격이 계산됩니다. 우리는 그것이 매우 도움이 된다고 생각합니다. 아래 WordPress 표("평방피트" 열)에서 이 옵션을 사용해 보세요.

안건 평방 피트당 비용 평방 피트
모래 및 마감 목재 바닥 2.5 0
세라믹 타일 바닥 설치 16 0
비닐 타일 바닥 설치 4 0
벽에 카펫 설치 8 0
소계: 소계: 0

테이블을 시각화하기 위해 Google 차트 를 추가할 수 있습니다. Supsystic의 Data Table Generator를 사용하면 다양한 유형의 다이어그램과 차트를 빠르고 쉽게 생성할 수 있습니다. Google 차트가 포함된 데이터 테이블에서 자세한 내용을 읽을 수 있습니다.

좋은 소식! CSS 편집기를 사용하여 테이블에 잊을 수 없는 스타일을 만들 수 있습니다. 이 기능을 사용하면 다양한 방식으로 표를 편집할 수 있습니다. CSS 및 기타 프로그래밍 기술에 대한 지식이 거의 없더라도 그렇게 복잡하지 않기 때문에 여전히 할 수 있습니다. CSS 편집기의 도움으로 만들어진 그림자와 둥근 모서리가 있는 아래 표를 확인하십시오.

이름 위치 사무실 샐러리
사토 아이리 회계사 도쿄 $162,700
안젤리카 라모스 최고 경영자(CEO) 런던 $1,200,000
애쉬튼 콕스 주니어 테크니컬 작가 뉴욕 $86,000
브래들리 그리어 소프트웨어 엔지니어 런던 $132,000

보시다시피 Supsystic의 Data Table은 광범위한 다양한 테이블을 생성하는 완벽한 도우미입니다. SEO 친화적인 데이터 테이블을 빠르고 쉽게 처리하고 관리할 수 있습니다. WordPress용 데이터 테이블 플러그인은 정보를 구성할 수 있으며 모든 필요에 맞게 조정할 수 있습니다. 사이트 디자인을 개선하고 다른 개인이나 작업에 맞게 수정할 수 있도록 테이블의 기능적 및 시각적 사용자 지정 방법에는 여러 가지가 있습니다.
Sypsystic의 WordPress 데이터 테이블 생성기에 대해 자세히 알아보십시오.