TableCell extends Element
표의 셀을 편집하는데 사용되는 API 모델입니다.
Methods
Name | Param | Return | 설명 |
---|---|---|---|
splitCell | {Number} row * @param {Number} col | 셀을 행/열 분할 합니다. | |
insertRow | {Boolean} [before = false] | 행을 추가합니다. | |
insertCol | {Boolean} before | 열을 추가합니다. | |
deleteRow | 행을 삭제합니다. | ||
deleteCol | 열을 삭제합니다. | ||
append | {String} html | 자식을 뒤에 추가 합니다. | |
prepend | {String} html | 자식을 앞에 추가합니다. | |
setText | {String} text | 글자를 설정합니다. | |
setRowHeight | {Number} value | 행의 높이를 설정합니다. | |
setColWidth | {Number} value, {String} unit (px, %) | 열의 너비를 설정합니다. |
Methods
append(html)
- html <String> 추가할 HTML String.
파라메터로 넘겨받은 HTML String으로 Element의 뒤쪽에 자식으로 추가합니다.
var cell = editor.getAPIModelById('id'); cell.append('<span>TEXT</span>');
deleteCol()
셀이 포함된 열을 삭제합니다.
var cell = editor.getAPIModelById('id'); cell.deleteCol();
deleteRow()
셀이 포함된 행을 삭제합니다.
var cell = editor.getAPIModelById('id'); cell.deleteRow();
insertCol([before = false])
- before <Boolean> 셀의 앞에 열을 추가하지 여부
셀의 뒤에 열을 추가합니다. before값이 true이면 셀의 앞에 열을 추가합니다.
var cell = editor.getAPIModelById('id'); cell.insertCol(); // 셀의 뒤에 열을 추가 cell.insertCol(true); // 셀의 앞에 열을 추가
insertRow([before = false])
- before <Boolean> 셀의 앞에 행을 추가하지 여부
셀의 뒤에 행을 추가합니다. before값이 true이면 셀의 앞에 행을 추가합니다.
var cell = editor.getAPIModelById('id'); cell.insertRow(); // 셀의 뒤에 행을 추가 cell.insertRow(true); // 셀의 앞에 행을 추가
prepend(html)
- html <String> 추가할 HTML String.
파라메터로 넘겨받은 HTML String으로 Element의 앞쪽에 자식으로 추가합니다.
var cell = editor.getAPIModelById('id'); cell.prepend('<span>TEXT</span>');
setColWidth(value[, unit])
- value <Number> 설정할 열의 너비값
- unit <String> 너비값의 단위('px', '%'). 기본값은 'px'.
셀이 포함된 열의 너비를 설정합니다.
var cell = editor.getAPIModelById('id'); cell.setColWidth(200); cell.setColWidth(20, '%');
setRowHeight(value)
- value <Number> 설정할 행의 높이값. 값의 단위는 'px'입니다.
셀이 포함된 행의 높이를 설정합니다.
var cell = editor.getAPIModelById('id'); cell.setRowHeight(50);
setText(text)
- text <String> 셀 내부에 설정할 Text 문자열
파라메터로 넘겨받은 Text 문자열값을 셀의 내부 Text로 설정합니다.
var cell = editor.getAPIModelById('id'); cell.setText('텍스트입니다.');
splitCell(row, col)
- row <Number> 분할할 열의 개수
- col <Number> 분할할 행의 개수
셀을 지정된 열과 행의 개수로 분할합니다. 병합된 셀을 분할할 경우 제약이 있을 수 있습니다.
var cell = editor.getAPIModelById('id'); cell.splitCell(2,2);