패널에 행과 열을 빌드합니다
테이블은 두 개의 중계기에서 나옵니다. 테이블 헤더 셀 열당 하나의 항목을 보유합니다 표 바디 셀 a를 사용하여 모든 셀을 읽기 순서로 유지합니다 새로운 행? 다음 행을 시작하는 스위치. 항목을 드래그하여 순서를 변경하거나 셀을 복제하거나 헤더 행을 숨길 수 있습니다 테이블 헤드 스위치.
- 병합된 셀: 헤더와 신체 세포의 열 범위, 신체 세포의 행 범위.
- 열 너비: 셀의 옵션 탭에서 사용자 지정 너비를 켜서 너비를 설정합니다.
- 셀당 텍스트 옵션: 정렬(왼쪽, 중앙, 오른쪽 또는 정당화) 및 장식(밑줄, 겹침 또는 줄 통과).
헤더 및 바디 스타일링
테이블 헤더 스타일 헤더 배경 (기본적으로 어두운 네이비), 텍스트 색상, 아이콘 크기 및 색상, 정렬, 타이포그래피 및 내부 셀 패딩을 설정합니다. 테이블 본문 데이터 셀에 대해 동일한 컨트롤과 아이콘 주위에 패딩이 있습니다.
- 헤더: 배경, 텍스트 및 아이콘 색상, 아이콘 크기, 정렬, 타이포그래피 및 셀 패딩.
- 몸: 배경, 텍스트 및 아이콘 색상, 아이콘 크기 및 패딩, 정렬, 타이포그래피 및 셀 패딩.
- 장치당 정렬: 헤더와 본문 정렬은 태블릿과 모바일에서 변경될 수 있습니다.
셀의 텍스트, 아이콘, 이미지 및 동적 태그
모든 헤더와 본문 셀에는 다음이 있습니다 유형 옵션: 없음,아이콘 또는 이미지. 아이콘은 Elementor 아이콘 라이브러리에서 나오며 이미지는 픽셀 단위의 이미지 크기를 얻습니다. 텍스트 필드는 무료의 태그를 포함하여 동적 태그를 허용합니다 동적 태그 확장자,그래서 셀은 게시물 제목,사용자 정의 필드 또는 작성자 세부 정보를 표시 할 수 있습니다. 각 태그는 하나의 셀을 채 웁니다. 위젯은 당신을 위해 행을 구축하기 위해 게시물을 통해 루프하지 않습니다.
- 체크마크로서의 아이콘: 계획 또는 기능 비교에서 틱 또는 크로스 아이콘을 사용합니다.
- 작은 이미지: 이름 옆에 사진이나 로고를 픽셀 단위로 추가합니다.
- 동적 태그: 게시물 제목이나 사용자 정의 필드와 같은 단일 값을 가져옵니다.
글로벌 스타일: 줄무늬, 테두리 및 모서리
글로벌 스타일 전체 테이블에 적용됩니다. 줄무늬 테이블? 는 기본적으로 변경할 수 있는 밝은 회색 (#eee) 줄무늬 색상으로 켜져 있습니다. 또한 테이블 배경색,내부 셀 패딩,유형, 너비 및 색상의 테두리,둥근 모서리의 테두리 반경을 설정합니다.
- 얼룩말 행: 행을 쉽게 따라갈 수 있도록 긴 테이블의 경우 계속 스트라이핑하세요.
- 테두리: 셀 주위에 실선, 점선, 점선 또는 이중선이 있습니다.
- 둥근 모서리: 테두리 반경은 테이블의 가장자리를 부드럽게 합니다.
HTML 테이블 코드와 동적 테이블 위젯
테이블 위젯이 없으면 Elementor 에서 테이블을 추가하는 일반적인 방법은 HTML 위젯에 HTML 을 직접 작성하는 것입니다. 위젯과 비교하는 방법은 다음과 같습니다.
| 특징 | 자신만의 코드가 있는 HTML 위젯 | 마스터 애드온 동적 테이블 |
|---|---|---|
| 가격 | 무료(엘리멘터 코어) | 무료 |
| 행과 열을 구축합니다 | 테이블, tr 및 td 태그를 작성합니다 | 패널에 있는 반복기 항목 |
| 스타일링 | 자신의 CSS | 스타일 탭 컨트롤 |
| 병합된 셀 | colspan 및 rowspan 속성 | 열 범위 및 행 범위 필드 |
| 셀의 아이콘과 이미지 | 마크업을 붙여넣습니다 | 아이콘 라이브러리 또는 미디어 라이브러리 |
| 동적 태그 | 아니요 | 예, 셀당 하나의 값입니다 |
| 전화 레이아웃 | 자신의 미디어 쿼리 | 행은 카드로 쌓입니다 |
| 정렬, 검색, CSV 가져오기 | 스크립트 또는 플러그인이 필요합니다 | 아니요 |
정렬,검색, 페이지 매김 또는 CSV 가져오기가 필요한 경우 TablePress 와 같은 전용 테이블 플러그인이 더 나은 선택입니다. Elementor 내부에서 편집하는 스타일이 지정된 테이블의 경우 위젯을 사용하면 HTML 및 CSS 를 작성할 수 있습니다.
Elementor에서 테이블을 만드는 방법
Elementor 패널에서 위젯을 동적 테이블이라고 합니다.
- Elementor용 Master Addons를 설치하고 확인하세요 동적 테이블 master Addons 위젯 설정에서 켜져 있습니다.
- Elementor로 페이지를 편집하고 검색하세요 동적 테이블 그리고 끌어 넣습니다. 샘플 네 열 테이블로 시작합니다.
- 에서 테이블 헤드를, 하나를 추가한다 테이블 헤더 셀 열당 및 각각을 입력합니다 열 이름.
- 에서 테이블 본문셀당 항목을 왼쪽에서 오른쪽으로 하나씩 추가합니다. 켜기 새로운 행? 첫 번째 행 뒤의 모든 행의 첫 번째 셀에 있습니다.
- 사용 열 범위 또는 행 범위 셀을 병합하는 셀의 옵션 탭에서.
- 스타일 탭에서 테이블을 스타일링하고 떠납니다 반응형 테이블? on so 행은 휴대폰에 쌓인 다음 페이지를 업데이트합니다.
동적 테이블에 대해 자주 묻는 질문
Elementor 에 테이블 위젯이 있습니까?
Elementor 자체에는 없습니다. free 또는 Pro. Master Addons 는 무료로 하나를 추가합니다: Dynamic Table 위젯은 패널의 헤더와 본문 셀에서 테이블을 빌드합니다.
모바일 장치에서 테이블이 반응합니까?
예,반응형 테이블로?가 켜져 있으며 기본값입니다. 최대 768px 너비의 장치에서 각 행은 카드로 스택되고 모든 셀은 열 이름을 레이블로 표시합니다. 휴대폰의 일반 테이블 레이아웃을 유지하려면 끄십시오.
셀에서 동적 데이터를 사용할 수 있나요?
예,셀당 하나의 값입니다. 헤더 및 본문 텍스트는 게시물 제목,사용자 정의 필드 및 작성자 정보와 같은 무료 Master Addons Dynamic Tags 를 포함한 동적 태그를 허용합니다. 위젯은 각 게시물에 대해 행을 생성하지 않으므로 모든 행은 여전히 손으로 구축됩니다.
셀에 매우 긴 텍스트를 추가하면 어떻게 되나요?
셀 안쪽에 텍스트가 감겨 있습니다. 셀의 옵션 탭에서 사용자 지정 너비를 켜서 열 너비를 고정하고 행이 비좁게 느껴지면 내부 셀 패딩을 올립니다.
인기 플랜처럼 한 열을 강조해도 될까요?
CSV를 테이블에 정렬, 검색 또는 가져올 수 있습니까?
아니요. 위젯에는 정렬,검색, 페이지 매김 또는 CSV 가져오기가 없습니다. 그런 경우에는 TablePress 와 같은 데이터 테이블 플러그인을 사용하고 단축 코드를 페이지에 배치하십시오.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
