사이냅 에디터 문서
Space shortcuts
Page tree
Skip to end of metadata
Go to start of metadata

Table extends Element

표를 편집하는데 사용되는 API 모델입니다.

Methods


deleteCol(startIndex[, endIndex])

  • startIndex <Number> 삭제할 열의 시작 위치 (0부터 시작)
  • endIndex <Number> 삭제할 열의 끝 위치

표에서 지정된 열을 삭제합니다. startIndex값은 0부터 시작하며 endIndex가 지정되지 않으면 startIndex에 해당하는 열만 삭제합니다.

var table = editor.getAPIModelById('id');
table.deleteCol(1);	// 두번째 열을 삭제
table.deleteCol(1,3); // 두번째 열부터 네번째 열까지 삭제

deleteRow(startIndex[, endIndex])

  • startIndex <Number> 삭제할 행의 시작 위치 (0부터 시작)
  • endIndex <Number> 삭제할 행의 끝 위치

표에서 지정된 행을 삭제합니다. startIndex값은 0부터 시작하며 endIndex가 지정되지 않으면 startIndex에 해당하는 행만 삭제합니다.

var table = editor.getAPIModelById('id');
table.deleteRow(1);	// 두번째 행을 삭제
table.deleteRow(1,3); // 두번째 행부터 네번째 행까지 삭제

deleteContents()

표 안쪽 셀의 모든 내용을 삭제합니다.

var table = editor.getAPIModelById('id');
table.deleteContents();

insertCol(index)

  • index <Number> 추가할 열의 위치

지정된 위치에 열을 추가합니다.

var table = editor.getAPIModelById('id');
table.insertCol(1);

insertRow(index)

  • index <Number> 추가할 행의 위치

지정된 위치에 행을 추가합니다.

var table = editor.getAPIModelById('id');
table.insertRow(1);

mergeCell(startRowIndex, startColIndex, endRowIndex, endColIndex)

  • startRowIndex <Number> 병합할 행의 시작 위치
  • startColIndex <Number> 병합할 열의 시작 위치
  • endRowIndex <Number> 병합할 행의 끝 위치
  • endColIndex <Number> 병합할 열의 끝 위치

지정된 셀들을 병합합니다.

var table = editor.getAPIModelById('id');
table.mergeCell(0, 0, 1, 2);

replace(html)

  • html <String> 교체할 HTML String.

Element 자신을 인자로 넘겨받은 HTML String으로 교체합니다.

var table = editor.getAPIModelById('id');
table.replace('<span>Table replaced</span>');

remove()

Element 자신을 제거합니다.

모든 ELEMENT를 제거할 경우 이후의 작업에서 오류가 발생할 수 있습니다.

var table = editor.getAPIModelById('id');
table.remove();

setColWidth(index, value[, unit = 'px'])

  • index <Number> 설정할 열의 위치.
  • value 너비값
  • unit 너비값의 단위 ('px', '%'). 기본값 'px'.

지정된 열의 너비를 설정합니다.

var table = editor.getAPIModelById('id');
table.setColWidth(1, 100, 'px');
table.setColWidth(1, 20, '%');

setRowHeight(index, value)

  • index <Number> 설정할 행의 위치
  • value 높이값. 행의 높이는 'px'로만 설정 할 수 있습니다.

지정된 행의 높이를 설정합니다.

var table = editor.getAPIModelById('id');
table.setRowHeight(1, 100);

setHeight(value[, unit = 'px'])

  • value<Number> 높이값
  • unit <String> 높이값의 단위 ('px', '%'). 기본값 'px'.

표의 높이를 설정합니다.

var table = editor.getAPIModelById('id');
table.setHeight(200);
table.setHeight(200, 'px');

setWidth(value[, unit = 'px'])

  • value<Number> 너비값
  • unit <String> 너비값의 단위 ('px', '%'). 기본값 'px'.

표의 너비를 설정합니다.

var table = editor.getAPIModelById('id');
table.setWidth(400);
table.setWidth(100, '%');
  • No labels