다양한 데이터 테이블 옵션으로 보기 좋은 테이블 만들기
게시 됨: 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 데이터 테이블 생성기에 대해 자세히 알아보십시오.