AUISoft에이유아이소프트
데모 본문으로 이동

JavaScript 데이터 그리드

업무 데이터를 다루는
가장 익숙한 방식

조회와 편집부터 데이터 탐색과 내보내기까지, AUIGrid는 업무 화면에 필요한 데이터 그리드 기능을 제공합니다.

메뉴에서 기능을 직접 확인하고,
각 데모의 소스 보기에서 구현 방법을 살펴보세요.

대용량 처리

가상 스크롤과 페이징으로 많은 데이터를 효율적으로 표시합니다.

편집과 검증

셀 편집, 입력 검증과 복사 및 붙여넣기, 실행 취소를 지원합니다.

정렬과 필터

정렬, 필터와 그룹핑으로 필요한 값을 찾고 집계합니다.

트리와 밴드

트리, 셀 병합과 밴드형 레이아웃으로 데이터 구조를 표현합니다.

사용자 정의 렌더러

CustomRenderer로 셀의 표시와 상호작용을 구성합니다.

Excel과 PDF

데이터를 Excel, CSV 및 PDF로 저장하고 업무 자료로 활용합니다.

AI와 함께 AUIGrid 개발하기

AUIGrid MCP Server를 연결해 AI 개발 도구에서
공개 API 문서와 예제를 읽기 전용으로 조회하세요.

AUIGrid 3.0.18 이상

원격 (권장)

https://auigrid.com/mcp

Streamable HTTP로 연결하며 인증이나 Node.js 설치가 필요하지 않습니다. URL 끝에 슬래시를 붙이지 마세요.

로컬 (Node.js 22.12+)

npx -y auigrid-mcp-server@latest
MCP 연결 안내

익숙한 개발 환경에서 시작하세요

특정 프레임워크에 의존하지 않습니다.
JavaScript 단독 사용은 물론 Vue와 React에도 적용할 수 있습니다.

주요 기능

Ver. 3.0.19

Ver. 3.0.18

Ver. 3.0.17

Ver. 3.0.16

Ver. 3.0.15

  • 스위치렌더러(SwitchRenderer) 기능 추가
  • 컨텍스트 메뉴 정의할 때 서브 메뉴도 정의 가능하도록 개선되었습니다.
  • 모바일 디바이스에서 터치로 칼럼 사이즈 조절 가능 및 터치 스크롤이 개선되었습니다.

Ver. 3.0.14

Ver. 3.0.13

Ver. 3.0.12

Ver. 3.0.11

Ver. 3.0.10

Ver. 3.0.9

Ver. 3.0.8

Ver. 3.0.7

Ver. 3.0.6

Ver. 3.0.5

Ver. 3.0.4

Ver. 3.0.3

Ver. 3.0.2

Ver. 3.0

Ver. 2.14

Ver. 2.13

Ver. 2.12

Ver. 2.11

Ver. 2.10

Ver. 2.9

Ver. 2.8

Ver. 2.7

Ver. 2.6

Ver. 2.5

Ver. 2.4

Ver. 2.3

Ver. 2.2

Ver. 2.1

Ver. 2.0

Ver. 1.80

Ver. 1.70

Ver. 1.61

  • 칼럼상태변경(columnStateChange) 이벤트 추가
  • softRemoveRowMode 에서 선택해서 제거하는 기능이 추가되었습니다.
  • 체크 박스 렌더러를 고정 칼럼으로 지정한 경우 레이아웃이 깨지는 버그가 패치되었습니다.
  • 히든 칼럼이 있는 경우 칼럼의 위치를 옮기면 히든 칼럼이 보여지는 버그가 패치되었습니다.

Ver. 1.60

Ver. 1.59

Ver. 1.58

Ver. 1.57

Ver. 1.56

Ver. 1.55

Ver. 1.54

Ver. 1.53

Ver. 1.52

Ver. 1.51

Ver. 1.50

Ver. 1.44

  • 푸터(Footer)에 다수 연산자 및 사용자 정의 연산 기능 추가
  • 엑셀 저장 시 날짜 포맷팅이 안되어 저장되는 버그가 패치되었습니다.
  • 트리 그리드에서 칼럼 틀 고정을 설정한 경우 하단 칼럼이 밀리는 버그가 패치되었습니다.
  • 더 이상 푸터(Footer) 값에 콤마를 자동으로 찍어주지 않습니다. 콤마 출력을 위해 formatString 을 설정해야 합니다.

Ver. 1.43

Ver. 1.42

Ver. 1.41

Ver. 1.40

Ver. 1.33

Ver. 1.32

Ver. 1.31

Ver. 1.30

Ver. 1.20

Ver. 1.10

Ver. 1.05

Ver. 1.0

  • JSON, XML 데이터 바인딩
  • 칼럼 셀 병합 기능
  • 고정 칼럼, 로우(틀 고정) 기능
  • 칼럼 가로 사이즈 조절 기능
  • 셀, 행 선택 기능 ( 키보드 및 마우스, 터치 모두 가능)
  • 그룹형 그리드 헤더 기능
  • 푸터에 합계 및 개수, 평균 계산하여 출력 기능
  • 계층형 자료 표현 기능( 트리 그리드)
  • 그룹핑 기능 ( 동적으로 그룹핑을 실행할 수 있습니다.)
  • 이미지, 아이콘, 바 게이지 등 다양한 칼럼 렌더러 지원
  • 그리드 편집기능
  • 이벤트 핸들링
  • 동적 셀 스타일 기능