무료 Elementor 테이블 위젯
Elementor에는 무료 또는 Pro 버전에서 자체 테이블 위젯이 없습니다. Dynamic Table은 해당 격차를 채우는 무료 마스터 애드온 위젯입니다. Elementor 패널에 헤더 셀과 바디 셀을 추가하고 코드 없이 스타일링할 수 있는 실제 HTML 테이블을 만듭니다. 셀은 텍스트, 아이콘 또는 이미지를 보유하고 열 또는 행 간에 병합하고 동적 태그에서 값을 가져올 수 있습니다. 일정, 사양 시트, 가격 목록 및 디렉토리에 자주 사용됩니다. 손으로 입력하는 행에 대한 간단한 데이터 테이블이라고 생각하십시오. 파일을 정렬, 검색 또는 가져오지 않습니다.
패널에 행과 열을 빌드합니다
테이블은 두 개의 중계기에서 나옵니다. 테이블 헤더 셀 열당 하나의 항목을 보유합니다 표 바디 셀 a를 사용하여 모든 셀을 읽기 순서로 유지합니다 새로운 행? 다음 행을 시작하는 스위치. 항목을 드래그하여 순서를 변경하거나 셀을 복제하거나 헤더 행을 숨길 수 있습니다 테이블 헤드 스위치.
- 병합된 셀: 헤더와 신체 세포의 열 범위, 신체 세포의 행 범위.
- 열 너비: 셀의 옵션 탭에서 사용자 지정 너비를 켜서 너비를 설정합니다.
- 셀당 텍스트 옵션: 정렬(왼쪽, 중앙, 오른쪽 또는 정당화) 및 장식(밑줄, 겹침 또는 줄 통과).
헤더 및 바디 스타일링
테이블 헤더 스타일 헤더 배경 (기본적으로 어두운 네이비), 텍스트 색상, 아이콘 크기 및 색상, 정렬, 타이포그래피 및 내부 셀 패딩을 설정합니다. 테이블 본문 데이터 셀에 대해 동일한 컨트롤과 아이콘 주위에 패딩이 있습니다.
- 헤더: 배경, 텍스트 및 아이콘 색상, 아이콘 크기, 정렬, 타이포그래피 및 셀 패딩.
- 몸: 배경, 텍스트 및 아이콘 색상, 아이콘 크기 및 패딩, 정렬, 타이포그래피 및 셀 패딩.
- 장치당 정렬: 헤더와 본문 정렬은 태블릿과 모바일에서 변경될 수 있습니다.
셀의 텍스트, 아이콘, 이미지 및 동적 태그
모든 헤더와 본문 셀에는 다음이 있습니다 유형 옵션: 없음,아이콘 또는 이미지. 아이콘은 Elementor 아이콘 라이브러리에서 나오며 이미지는 픽셀 단위의 이미지 크기를 얻습니다. 텍스트 필드는 무료의 태그를 포함하여 동적 태그를 허용합니다 동적 태그 확장자,그래서 셀은 게시물 제목,사용자 정의 필드 또는 작성자 세부 정보를 표시 할 수 있습니다. 각 태그는 하나의 셀을 채 웁니다. 위젯은 당신을 위해 행을 구축하기 위해 게시물을 통해 루프하지 않습니다.
- 체크마크로서의 아이콘: 계획 또는 기능 비교에서 틱 또는 크로스 아이콘을 사용합니다.
- 작은 이미지: 이름 옆에 사진이나 로고를 픽셀 단위로 추가합니다.
- 동적 태그: 게시물 제목이나 사용자 정의 필드와 같은 단일 값을 가져옵니다.
글로벌 스타일: 줄무늬, 테두리 및 모서리
글로벌 스타일 전체 테이블에 적용됩니다. 줄무늬 테이블? 는 기본적으로 변경할 수 있는 밝은 회색 (#eee) 줄무늬 색상으로 켜져 있습니다. 또한 테이블 배경색,내부 셀 패딩,유형, 너비 및 색상의 테두리,둥근 모서리의 테두리 반경을 설정합니다.
- 얼룩말 행: 행을 쉽게 따라갈 수 있도록 긴 테이블의 경우 계속 스트라이핑하세요.
- 테두리: 셀 주위에 실선, 점선, 점선 또는 이중선이 있습니다.
- 둥근 모서리: 테두리 반경은 테이블의 가장자리를 부드럽게 합니다.
모바일에서 반응 테이블
반응형 테이블? 설정 섹션에 있으며 기본적으로 켜져 있습니다. 최대 768px 너비의 장치에서 머리글 행이 숨겨지고 각 행이 카드가 되며 모든 셀에 해당 열 이름이 레이블로 표시됩니다. 5열 시간표는 아래로 스크롤하는 카드 목록으로 바뀌므로 아무도 옆으로 스크롤할 필요가 없습니다.
- 누적 카드: 행당 하나의 카드, 왼쪽에 열 이름이 있고 오른쪽에 값이 있습니다.
- 장치당 정렬: 헤더와 본문 정렬에는 자체 태블릿과 모바일 값이 있습니다.
- 끄기: 테이블은 전화기에 그리드를 유지합니다. 그런 다음 넓은 테이블이 화면 가장자리를 지나서 실행되므로 3~4개의 열을 유지합니다.
HTML 테이블 코드와 동적 테이블 위젯
테이블 위젯이 없으면 Elementor 에서 테이블을 추가하는 일반적인 방법은 HTML 위젯에 HTML 을 직접 작성하는 것입니다. 위젯과 비교하는 방법은 다음과 같습니다.
| 특징 | 자신만의 코드가 있는 HTML 위젯 | 마스터 애드온 동적 테이블 |
|---|---|---|
| 가격 | 무료(엘리멘터 코어) | 무료 |
| 행과 열을 구축합니다 | 테이블, tr 및 td 태그를 작성합니다 | 패널에 있는 반복기 항목 |
| 스타일링 | 자신의 CSS | 스타일 탭 컨트롤 |
| 병합된 셀 | colspan 및 rowspan 속성 | 열 범위 및 행 범위 필드 |
| 셀의 아이콘과 이미지 | 마크업을 붙여넣습니다 | 아이콘 라이브러리 또는 미디어 라이브러리 |
| 동적 태그 | 아니요 | 예, 셀당 하나의 값입니다 |
| 전화 레이아웃 | 자신의 미디어 쿼리 | 행은 카드로 쌓입니다 |
| 정렬, 검색, CSV 가져오기 | 스크립트 또는 플러그인이 필요합니다 | 아니요 |
정렬,검색, 페이지 매김 또는 CSV 가져오기가 필요한 경우 TablePress 와 같은 전용 테이블 플러그인이 더 나은 선택입니다. Elementor 내부에서 편집하는 스타일이 지정된 테이블의 경우 위젯을 사용하면 HTML 및 CSS 를 작성할 수 있습니다.
이 Elementor 데이터 테이블 위젯이 할 수 있는 것과 할 수 없는 것
동적 테이블은 입력하는 행에 대한 데이터 테이블입니다. 여기에서 수행하는 작업과 멈추는 위치입니다.
| 특징 | 동적 테이블 |
|---|---|
| 패널에 입력된 행 및 열 | 예 |
| 병합된 셀(열 범위 및 행 범위) | 예 |
| 셀의 아이콘과 이미지 | 예 |
| 동적 태그 | 예, 셀당 하나의 값입니다 |
| 줄무늬 행 | 예 |
| 사용자 정의 열 너비 | 예 |
| 모바일 스태킹 | 예, 768px 이하에서 |
| 선발 | 아니요 |
| 검색 | 아니요 |
| 페이지 매김 | 아니요 |
| CSV 또는 엑셀 가져오기 | 아니요 |
어떤 테이블 도구가 필요합니까?
테이블은 Elementor 검색에서 여러 가지를 의미합니다. 당신이 만들고 있는 것으로 도구를 선택하십시오.
Elementor 테이블 예시
아래의 세 표는 스크린샷이 아닌 라이브 동적 테이블 위젯입니다. 전화기에서 이 페이지를 열면 각 카드가 카드로 쌓이는 것을 볼 수 있습니다. 레스토랑 메뉴와 계획 비교를 포함한 더 많은 레이아웃이 그 아래의 데모 뷰어에 있습니다.
수업 시간표
5개의 칼럼이 있는 주간 일정. 전화기에서 각 클래스는 자체 카드가 됩니다.
| 시간 | 클래스 | 강사 | 스튜디오 | 공간 |
|---|---|---|---|---|
| 월 07:00 | 빈야사 흐름 | 알리나 페트로바 | 스튜디오 1 | 4 남았습니다 |
| 월 18:30 | 강도 및 컨디셔닝 | 단 오세이 | 체육관 바닥 | 전체 |
| 화 09:30 | 필라테스 개혁가 | 마르타 실바 | 스튜디오 2 | 2 남았습니다 |
| 수 12:15 | 익스프레스 HIIT | 단 오세이 | 체육관 바닥 | 9 남았습니다 |
| 목 19:00 | 음과 복원 | 알리나 페트로바 | 스튜디오 1 | 11 남았습니다 |
| 토요일 10:00 | 초보자 barre | 야라 하다드 | 스튜디오 2 | 6 남았습니다 |
시스템 요구 사항
최소값과 권장값을 비교하는 세 개의 열, 사양 시트의 일반적인 모양입니다.
| 컴포넌트 | 최소 | 추천 |
|---|---|---|
| 워드 프레스 | 6.0 | 6.6 또는 더 새로운 |
| PHP | 7.4 | 8.2 |
| 엘리멘터 | 3.16 | 4.2 또는 더 새로운 |
| MySQL / 마리아DB | 5.7 / 10.3 | 8.0 / 10.6 |
| PHP 메모리 제한 | 128 메가바이트 | 256 메가바이트 |
| max_input_vars | 1000 | 3000 |
| https://wwwant | 선택사항 | 면허 확인에 필요합니다 |
배송료
스트라이핑이 꺼지고 헤더가 밝은 대상 및 서비스별 가격 목록.
| 목적지 | 서비스 | 배달 시간 | 무료 오버 | 비용 |
|---|---|---|---|---|
| 영국 본토 | 로얄 메일 추적 48 | 2 – 영업일 기준 3일 | £40 | £3.95 |
| 영국 본토 | 다음날 DPD | 다음 근무일 | £120 | £6.95 |
| 고원 및 섬 | 로얄 메일 추적 48 | 영업일 기준 3~5일 | £60 | £7.50 |
| 아일랜드 공화국 | DPD 아일랜드 | 2 – 영업일 기준 4일 | £150 | £11.00 |
| EU | DHL 유럽 | 영업일 기준 3~6일 | — | £14.50 |
| 나머지 세계 | DHL 익스프레스 | 5 – 영업일 기준 10일 | — | £24.00 |
Elementor에서 테이블을 만드는 방법
Elementor 패널에서 위젯을 동적 테이블이라고 합니다.
- Elementor용 Master Addons를 설치하고 확인하세요 동적 테이블 master Addons 위젯 설정에서 켜져 있습니다.
- Elementor로 페이지를 편집하고 검색하세요 동적 테이블 그리고 끌어 넣습니다. 샘플 네 열 테이블로 시작합니다.
- 에서 테이블 헤드를, 하나를 추가한다 테이블 헤더 셀 열당 및 각각을 입력합니다 열 이름.
- 에서 테이블 본문셀당 항목을 왼쪽에서 오른쪽으로 하나씩 추가합니다. 켜기 새로운 행? 첫 번째 행 뒤의 모든 행의 첫 번째 셀에 있습니다.
- 사용 열 범위 또는 행 범위 셀을 병합하는 셀의 옵션 탭에서.
- 스타일 탭에서 테이블을 스타일링하고 떠납니다 반응형 테이블? on so 행은 휴대폰에 쌓인 다음 페이지를 업데이트합니다.
동적 테이블에 대해 자주 묻는 질문
Elementor 에 테이블 위젯이 있습니까?
Elementor 자체에는 없습니다. free 또는 Pro. Master Addons 는 무료로 하나를 추가합니다: Dynamic Table 위젯은 패널의 헤더와 본문 셀에서 테이블을 빌드합니다.
모바일 장치에서 테이블이 반응합니까?
예,반응형 테이블로?가 켜져 있으며 기본값입니다. 최대 768px 너비의 장치에서 각 행은 카드로 스택되고 모든 셀은 열 이름을 레이블로 표시합니다. 휴대폰의 일반 테이블 레이아웃을 유지하려면 끄십시오.
셀에서 동적 데이터를 사용할 수 있나요?
예,셀당 하나의 값입니다. 헤더 및 본문 텍스트는 게시물 제목,사용자 정의 필드 및 작성자 정보와 같은 무료 Master Addons Dynamic Tags 를 포함한 동적 태그를 허용합니다. 위젯은 각 게시물에 대해 행을 생성하지 않으므로 모든 행은 여전히 손으로 구축됩니다.
Elementor Pro에 테이블 위젯이 있습니까?
...이 아닌 Elementor Pro는 계획에 대한 가격 테이블 위젯을 추가하지만 핵심 플러그인이나 Pro에는 데이터 행과 열에 대한 위젯이 없습니다. 동적 테이블, 테이블 플러그인 또는 자신의 HTML과 같은 애드온 위젯이 필요합니다.
플러그인 없이 Elementor에서 테이블을 만들 수 있습니까?
네. HTML 테이블 HTML을 HTML 위젯에 붙여넣고 자신의 CSS로 스타일을 지정하거나 그리드 컨테이너로 행을 배치합니다. 모든 변경으로 인해 코드 또는 많은 개별 위젯이 편집되는 것을 의미하지만 둘 다 작은 테이블에서 작동합니다.
셀에 매우 긴 텍스트를 추가하면 어떻게 되나요?
셀 안쪽에 텍스트가 감겨 있습니다. 셀의 옵션 탭에서 사용자 지정 너비를 켜서 열 너비를 고정하고 행이 비좁게 느껴지면 내부 셀 패딩을 올립니다.
인기 플랜처럼 한 열을 강조해도 될까요?
CSV를 테이블에 정렬, 검색 또는 가져올 수 있습니까?
아니요. 위젯에는 정렬,검색, 페이지 매김 또는 CSV 가져오기가 없습니다. 그런 경우에는 TablePress 와 같은 데이터 테이블 플러그인을 사용하고 단축 코드를 페이지에 배치하십시오.
Elementor 내부에서 Tablepress를 사용할 수 있습니까?
네. TablePress에서 테이블을 빌드하고 단축 코드를 복사합니다. [ 에 대한 테이블 ID=1 /]를 입력하고 Elementor Shortcode 위젯에 붙여넣습니다. 이 경로는 정렬, 검색 또는 페이지 매김이 필요한 긴 테이블에 적합합니다.
Excel 또는 Google 스프레드시트에서 표를 붙여넣을 수 있습니까?
...이 아닌 . 각 셀은 패널의 별도 항목이므로 붙여넣은 블록이 하나의 셀에 있습니다. 셀을 한 번에 하나씩 입력하거나 CSV 및 Excel 파일을 읽는 TablePress로 파일을 가져옵니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
