속성
name: 'syn.uicontrols.$grid',
version: '1.0.0',
defaultHotSettings: {
    data: [],
    colWidths: 120,
    rowHeaders: true,
    copyPaste: false,
    autoColumnSize: false,
    stretchH: 'last',
    undo: false,
    currentRowClassName: 'currentRow',
    manualColumnResize: true,
    manualRowResize: false,
    manualColumnMove: true,
    manualRowMove: false,
    manualColumnFreeze: true,
    autoWrapRow: true,
    outsideClickDeselects: false,
    selectionMode: 'range',
    sortIndicator: true,
    columnSorting: {
        sortOrder: 'none',
        sortEmptyCells: true
    },
    wordWrap: false,
    // dropdownMenu: ['filter_by_value', 'filter_action_bar'],
    filters: true,
    contextMenu: false,
    hiddenColumns: {
        columns: [0]
    },
    transactConfig: null,
    triggerConfig: null
},
메서드
getInitializeColumns: function (columns) - handsontable 그리드 컬럼 설정 고도화
getSettings: function (elID) - handsontable 그리드 설정 조회
updateSettings: function (elID, settings) - handsontable 그리드 설정 갱신
countRows: function (elID, isIncludeHidden) - 그리드 행 건수 조회
insertRow: function (elID, setting, callback) - 그리드 행추가
removeRow: function (elID, callback, rowIndex) - 그리드 행삭제
loadData: function (elID, objectData, callback) - 데이터 바인딩
isUpdateData: function (elID) - 데이터 바인딩 이후 변경된 데이터 여부 조회
getFlag: function (elID, row) - 현재 행의 CRUD 상태 조회
setFlag: function (elID, row, flag) - 현재 행의 CRUD 상태 설정
getDataAtCell: function (elID, row, col) - 셀의 데이터 조회
setDataAtCell: function (elID, row, col, value, source) - 셀의 데이터 설정
getCellMeta: function (elID, row, col) - 셀의 메타 정보 조회
setCellMeta: function (elID, row, col, key, value) - 셀의 메타 정보 저장
getUpdateData: function (elID, requestType, metaColumns) - 데이터 바인딩 이후 변경된 데이터 목록 조회
getPhysicalRowIndex: function (elID, logicalRowIndex) - 논리 행의 물리 행 조회
getPhysicalColIndex: function (elID, logicalColIndex) - 논리 열의 물리 열 조회
getSourceDataAtRow: function (elID, row) - 현재 행의 전체 데이터 조회
visibleColumns: function (elID, columns, isShow) - 컬럼 숨김/보이기 설정
visibleRows: function (elID, rows, isShow) - 행 숨김/보이기 설정
unHiddenRows: function (elID) - 모든 행 숨김 해제
unHiddenColumns: function (elID) - 모든 열 숨김 해제
propToCol: function (elID, columnName) - 컬럼ID로 컬럼 열 조회
colToProp: function (elID, columnIndex) - 컬럼 열로 컬럼ID 조회
getColHeader: function (elID, columnIndex) - 컬럼 열의 헤더 정보 조회
countCols: function (elID) - 컬럼 갯수 조회
getSelected: function (elID) - 그리드내 현재 선택 범위 조회
getActiveRowIndex: function (elID) - 그리드내 현재 선택 행 조회
getActiveColIndex: function (elID) - 그리드내 현재 선택 열 조회
selectCell: function (elID, row, column, endRow, endColumn, scrollToCell, changeListener) - 그리드내 셀 선택 설정
exportFile: function (elID, options) - 그리드 데이터를 CSV 파일로 내보내기
importFile: function (elID, options) - 그리드 데이터를 CSV 파일로 가져오기
getGridControl: function (elID) - handsontable 그리드 기본 객체 반환
getGridSetting: function (elID) - 그리드 컨트롤 환경설정 조회
getColumnWidths: function (elID) - 현재 컬럼들의 width 정보 조회
scrollViewportTo: function (elID, row, column, snapToBottom, snapToRight) - 그리드 컨트롤 가상 스크롤 위치 조정
isEmptyRow: function (elID, row) - 그리드 행 기준 빈값 여부 조회
isEmptyCol: function (elID, col) - 그리드 열 기준 빈값 여부 조회
getDataAtRow: function (elID, row) - 그리드 행의 셀 전체 데이터 조회
getDataAtCol: function (elID, col) - 그리드 열의 셀 전체 데이터 조회
getSourceDataAtCol: function (elID, row) - 그리드 열의 전체 데이터 조회
setDataAtRow: function (elID, values) - 그리드 행의 셀 전체 데이터 설정
validateColumns: function (elID, columns, callback) - 그리드 지정 열들의 데이터 타입 기준 유효성 검사
validateRows: function (elID, columns, callback) - 그리드 지정 행들의 데이터 타입 기준 유효성 검사
getLogicalRowIndex: function (elID, physicalRowIndex) - 데이터의 물리 행 인덱스를 논리 인덱스 조회
getLogicalColIndex: function (elID, physicalColIndex) - 데이터의 물리 행 인덱스를 논리 인덱스 조회
getFirstShowColIndex: function (elID) - 그리드의 보여지는 컬럼중 첫번째 컬럼 인덱스 조회
getLastShowColIndex: function (elID) - 그리드의 보여지는 컬럼중 마지막 컬럼 인덱스 조회
addCondition: function (elID, col, name, args) - 그리드 컬럼에 필터 조건 추가
removeCondition: function (elID, col) - 그리드 컬럼에 필터 조건 삭제
clearConditions: function (elID, col) - 그리드 모든 컬럼 필터 조건 초기화
예시
기능