단순한 표(Table)를 넘어선 엔터프라이즈급 UI 컴포넌트.
가상 스크롤, 실시간 렌더링, 트리 구조까지 당신이 상상한 모든 데이터를 완벽하게 제어합니다.
| COMPANY_CODE | STATUS | PERFORMANCE | VOLUME |
|---|---|---|---|
| CORP_1026 | Active |
70%
|
↑ 145,000 |
| CORP_2026 | Warning |
60%
|
↓ 92,400 |
| CORP_3026 | Active |
50%
|
↓ 92,400 |
단순히 데이터를 보여주는 것을 넘어, 사용자가 데이터와 상호작용하는 방식을 혁신합니다. 개발자는 코드를 줄이고, 사용자는 최고의 경험을 얻습니다.
10만 건 이상의 데이터도 지연 없이 렌더링합니다. 뷰포트에 노출되는 행만 DOM에 생성하여 극강의 메모리 최적화를 이뤄냈습니다.
부모-자식 관계를 가진 데이터를 직관적인 트리 구조로 표현합니다. Lazy Load 방식을 지원하여 대규모 트리도 거뜬합니다.
데이터 변경 시 전체를 다시 그리지 않고, rowElementMap을 통해 대상 셀(Cell)만 타겟팅하여 초고속으로 업데이트합니다.
화면에 보이는 그대로 엑셀/CSV로 내보내거나, 대량의 엑셀 데이터를 그리드에 바로 붙여넣기(Copy & Paste) 할 수 있습니다.
가벼운 코어를 유지하며, Canvas 기반의 꺾은선 차트 등 무거운 렌더링 기능은 필요할 때만 로드하는 확장 구조를 제공합니다.
카멜 케이스 명명 규칙, MVC 패턴 호환성, 대문자 기반의 엄격한 데이터베이스 설계 원칙을 완벽하게 지원합니다.
도입부터 고급 커스터마이징까지. 개발 조직이 즉시 실무에 적용할 수 있도록, FM 규격을 준수한 방대한 기술 문서와 레퍼런스를 제공합니다.
HTML 태그에 data-linkgrid 속성을 부여하는 것만으로 시스템이 자동으로 인스턴스를 바인딩합니다.
<div data-linkgrid data-height="500px" data-row-model="client">
<table>
<thead>
<tr>
<th data-field="userCodeVarchar">회원코드</th>
</tr>
</thead>
</table>
</div>
복잡한 설정은 덜어내고, 무한한 확장성을 부여했습니다.
지금 바로 당신의 프로젝트에 LinkGrid를 연동해 보세요.