Table 블록

Table 블록은문서안에셀격자를깔아둡니다 — 행은항목, 열은필드. 비교표, 가격표, 단순한데이터레이아웃, 또는폼이흐르는문단이아니라좌우로정렬된구조를원할때사용합니다.

1 · 표삽입

빈줄에서슬래시를입력하고메뉴에서 Table을고릅니다 — "table", "grid" 둘다곧장이블록으로갑니다. 입력보다클릭이편하다면상단툴바의 Insert 팝오버에도같은항목이있습니다. 새표는커서가있던위치에 3×3 격자로나타나고, 첫번째셀에포커스가들어가있어서바로입력할수있습니다.

셀에는일반텍스트만들어갑니다 — 중첩블록도, 이미지도, 입력필드도안됩니다. 그래서표는빨리채울수있고휴대폰화면에서도잘보입니다. Tab으로다음셀, Shift-Tab으로이전셀로갑니다. 마지막셀에서 Tab을누르면표밖으로나와아래에이어서입력할수있습니다.

/table을 입력하여 슬래시 메뉴가 필터링되고 Insert component 아래에 Table 항목이 보이는 상태 — 빈 줄에서 /table을 입력 — 일치하는 항목은 Table 뿐.

2 · 행, 열, 크기

행이나열에마우스를올리면가장자리에작은핸들이보입니다. 핸들을위아래나좌우로드래그하면행이나열을재배치하고, 클릭하면삭제팝업이열립니다. 마지막행바로아래 "+ 행추가" 어포던스가있어클릭으로한줄더할수있습니다. 열추가는같은핸들의메뉴를쓰거나, 셀에커서를두고상단툴바의 "왼쪽에열추가 / 오른쪽에열추가" 동작을씁니다.

열너비는두열사이의경계에서드래그할수있습니다: 오른쪽으로끌면넓어지고, 왼쪽이면좁아집니다. 같은경계를더블클릭하면열이내용에자동으로맞춰집니다 — 한열에긴문구가있고나머지는좁게두고싶을때좋습니다. 너비는문서와함께저장되어, 설정한그대로기입자에게도보입니다.

에디터에 빈 3×3 표가 삽입되어 행과 열 구분선이 보이는 상태 — 커서 위치에 3×3 빈 표가 나타나고 첫 셀에 포커스.

3 · 세가지스타일

표는기본으로세가지변형을제공합니다. Default는모든셀에격자선을그립니다 — 데이터가빽빽할때좋습니다. Borderless는구분선을없애조용한느낌을만듭니다 — 표가주로텍스트라벨로이루어졌을때좋습니다. With Heading은첫행을헤더스타일(굵은글씨 + 옅은배경)로꾸밉니다 — 윗줄이아래열의라벨일때알맞습니다.

스타일전환은상단툴바의표제어팝오버에서합니다 — 표안아무데나커서를두면나타납니다. 설정은표단위로저장되어문서전체에는영향을주지않으므로, 같은폼안의두표가서로다른스타일일수있습니다. 각스타일은공개폼 URL에서기입자가보는모습과에디터에서보는모습이같습니다.

표 스타일 드롭다운이 열려 세 가지 옵션을 표시 — Default(선택됨) / Borderless / With Heading — 툴바에서 스타일 전환 — 세 가지 변형, 표별로 저장.

다음단계

템플릿에넣을수있는모든콘텐츠블록과기입가능블록의카탈로그는 Block types 에있으며, 새폼을짤때마다돌아와서참고할수있는자료입니다.

지금시도해보기 →