FlexGrid: 빠르고 익숙하고 유연한 데이터 그리드

“우리의 방대한 차세대 플랫폼 제품에서 Wijmo 5의 FlexGrid 기능을 사용하고 있습니다. 정교한 그리드 조작을 지원하며 Wijmo의 모든 기능을 갖춘 최신 FlexGrid는 우리의 워크플로우에서 핵심적인 역할을 합니다.”

— Aaron Mendez, Thomson Reuters,
사용자 경험 매니저

Download Free Trial (v 5.20172.328)

20년 동안 FlexGrid UI 컨트롤은 업계에서 가장 우수하고 가장 유연한 그리드 컨트롤로 발전했습니다. HTML5/JavaScript 컨트롤은 FlexGrid의 모든 이점을 Wijmo 5의 이점과 결합합니다.


  • 확장성 및 유연성
  • 적은 사용 공간: 113KB
  • 종속성 없음
  • 모든 프레임워크에서 실행 가능 및 Angular 2 지원

FlexGrid for Wijmo 5 시작하기

FlexGrid: 최고의 Angular 2 그리드

유용한 Angular 2 데이터 그리드는 근본적으로 안정적인 그리드에서 시작합니다. FlexGrid는 필수 주요 기능만 포함하며, 다른 기능은 확장 모델을 통해 제공합니다. 기본 Excel 스타일 기능(예: 정렬, 그룹화, 편집)이 기본 제공되며, 부가 기능은 선택 사항입니다.

따라서 다음과 같은 Angular 2의 모든 이점을 포함하는 작고, 빠르고, 익숙하며, 유연한 그리드를 사용할 수 있습니다.


  • 선언적 마크업
  • 셀 템플릿
  • 데이터 바인딩
  • TypeScript 소스 및 샘플

기타 자료


Getting Started with Wijmo FlexGrid using Angular 2

RUN FLEXGRID ANGULAR 2 DEMO

이 빠르고 유연한 JavaScript 그리드의 기능 둘러보기

기본 기능

20년 동안 FlexGrid UI 컨트롤은 업계에서 가장 우수하고 가장 유연한 그리드 컨트롤로 발전했습니다. HTML5/JavaScript 컨트롤은 FlexGrid의 모든 이점을 Wijmo 5의 이점과 결합합니다.



빠른 기본 제공 기능

빠르고 우수한 성능


벤치마크 데모 사용해 보기

FlexGrid 측정 방법 보기

친숙한 Excel 스타일 인터페이스

행 및 열 간 셀 병합

프레임워크 통합(선택 사항)

확장을 통한 유연한 기능

RowDetails

  • 사용자의 세부 정보 드릴다운 허용
  • 세부 셀 숨기기 및 축소
  • 세부 셀에 그리드 포함
  • 입력 및 편집 컨트롤 포함
  • 세부 셀의 크기 편집

RUN DEMO

확대/축소 가능한 세부 행 추가

FlexGrid 필터

  • FlexGrid에 전체 필터링 UI 추가
  • 열 머리글에 필터 아이콘 추가
  • 값 목록에서 선택
  • 조건부 필터링 설정
  • 데이터 형식을 기반으로 특정 유형의 필터 자동 표시

RUN DEMO

열을 기준으로 조건부 필터링

GroupPanel

  • FlexGrid 컨트롤에 끌어서 놓기 그룹화 UI 추가
  • 그룹화 머리글에서 데이터 집계
  • 그룹 확장 및 축소
  • 중첩 그룹

RUN DEMO

쉬운 그룹화 및 집계 추가

What Our Customers Say

Thomson Reuters

“우리의 방대한 차세대 플랫폼 제품에서 Wijmo 5의 FlexGrid 기능을 사용하고 있습니다. 정교한 그리드 조작을 지원하며 Wijmo의 모든 기능을 갖춘 최신 FlexGrid는 우리의 워크플로우에서 핵심적인 역할을 합니다.”


— Aaron Mendez, Thomson Reuters,
사용자 경험 매니저

Rivers Agile Solutions

“Angular 2와 최신의 데이터 그리드들을 평가한 후, 우리는 Wijmo를 구매하기로 했습니다. 우리는 강력한 기능들과 Angular 2를 완벽하게 지원하는 Wijmo를 선택했습니다. 다른 그리드 들이 아직도 jQuery에 의존하는 데 반해서 Wijmo의 FlexGrid는 다른 어떤 그리드들보다 Angular 2를 위한 지원을 아끼지 않았습니다. 그렇기 때문에 저희 팀원들과 저는 FlexGrid에 매료되었습니다.”


— Raleigh Johnson, Rivers Agile Solutions,
소프트웨어 엔지니어